.library-page{color:var(--ink);padding:24px 6% 40px}.library-nav{color:var(--teal);flex-wrap:wrap;justify-content:center;gap:18px 32px;padding:12px 0 28px;display:flex}.library-nav a:hover{text-underline-offset:5px;text-decoration:underline}.library-welcome{text-align:center;max-width:750px;margin:0 auto 40px}.library-welcome h1,.tutorial h1{text-wrap:balance;font-size:clamp(2rem,4vw,3.5rem);line-height:1.15}.library-welcome>p:last-child{text-wrap:pretty;font-size:1.1rem;line-height:1.7}.tutorial-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px;display:grid}.tutorial-grid article{text-align:center;min-width:0}.tutorial-cover{filter:drop-shadow(0 5px 5px #402b1638);display:block}.tutorial-cover img{width:100%;height:auto}.tutorial-grid h2{text-wrap:balance;margin:10px 0;font-size:1.5rem;line-height:1.2}.tutorial-grid p{font-size:1rem}.tutorial-grid .eyebrow{margin-top:20px;font-size:.85rem}.library-button{color:var(--teal);text-align:center;background:url(/studio/psd/ivory-button.webp) 50%/100% 100% no-repeat;justify-content:center;align-items:center;width:210px;max-width:100%;min-height:68px;margin:16px auto 0;padding:16px 25px;display:flex}.library-home{text-align:center;margin-top:40px;text-decoration:underline}.tutorial{max-width:880px;margin:auto}.tutorial header{text-align:center;margin-bottom:28px}.tutorial-subtitle{color:var(--gold);font-size:1.25rem;font-style:italic}.tutorial-collection{font-size:.95rem}.tutorial-copy{max-width:740px;margin:auto;font-size:1.1rem;line-height:1.75}.tutorial-copy p{font-size:inherit;line-height:inherit;margin:16px 0}.tutorial-copy h2{color:var(--teal);margin:30px 0 14px;font-size:1.8rem}.tutorial-copy li{margin:12px 0;padding-left:5px}.tutorial-copy ul,.tutorial-copy ol{padding-left:28px}.tutorial-copy figure{margin:28px 0}.tutorial-copy figure img{filter:drop-shadow(0 4px 5px #402b1638);width:100%;height:auto}.tutorial-copy figcaption{text-align:center;color:#66543e;margin-top:12px;font-size:.9rem}.illustration-note{text-align:center;color:#66543e;max-width:620px;margin:30px auto 16px;font-size:.85rem}@media (hover:hover) and (prefers-reduced-motion:no-preference){.tutorial-cover,.library-button{transition:transform .2s}.tutorial-cover:hover,.library-button:hover{transform:translateY(-4px)}}@media (max-width:900px){.tutorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.library-page{padding:16px 7% 30px}.tutorial-grid{grid-template-columns:1fr;gap:34px}.tutorial-copy{font-size:1rem}.tutorial-copy h2{font-size:1.5rem}.library-nav{gap:18px;font-size:.95rem}}.library-sections{color:var(--teal);text-underline-offset:5px;flex-wrap:wrap;justify-content:center;gap:12px 30px;margin:-15px auto 30px;text-decoration:underline;display:flex}.library-section-title{text-align:center;color:var(--teal);margin:24px 0;scroll-margin-top:24px;font-size:clamp(1.8rem,3vw,2.5rem)}.library-tips{margin-top:44px}.tips-intro{text-align:center;text-wrap:pretty;max-width:650px;margin:0 auto 25px}.tip-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.tip-grid article{border-top:1px solid #a17c3d80;flex-direction:column;padding:22px 24px;display:flex}.tip-grid time,.treasure-tip time{color:#765b36;font-size:.9rem}.tip-grid h3{color:var(--teal);text-wrap:balance;margin:12px 0;font-size:1.5rem;line-height:1.25}.tip-grid p{text-wrap:pretty;font-size:1rem;line-height:1.6}.tip-read{color:var(--teal);text-underline-offset:4px;margin-top:auto;padding-top:12px;text-decoration:underline}.tip-activity{border-left:2px solid #a17c3d80;margin:28px 0;padding:0 22px}.treasure-tip{max-width:780px}@media (max-width:900px){.tip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.tip-grid{grid-template-columns:1fr}.tip-grid article{padding:18px 8px}}.library-art-header .eyebrow{color:var(--gold);margin:0 0 12px;font-size:.8rem;line-height:1.5}
