.tutorial-lesson[data-astro-cid-qafszhhd]{border:1px solid var(--border);background:var(--card);min-width:0;height:100%;color:var(--foreground);border-radius:.6rem;flex-direction:column;padding:1.4rem;display:flex}.lesson-meta[data-astro-cid-qafszhhd]{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;font-size:.75rem;display:flex}.lesson-meta[data-astro-cid-qafszhhd] span[data-astro-cid-qafszhhd]:first-child{color:var(--accent-strong);font-weight:650}.lesson-title[data-astro-cid-qafszhhd]{text-wrap:balance;margin-top:1rem;font-size:1.2rem;font-weight:650;line-height:1.35}p[data-astro-cid-qafszhhd]{color:var(--muted-foreground);margin-top:.7rem;font-size:.875rem;line-height:1.7}.read-link[data-astro-cid-qafszhhd]{color:var(--primary-strong);margin-top:auto;padding-top:1.4rem;font-size:.85rem;font-weight:650}.tutorial-lesson[data-astro-cid-qafszhhd]:hover{border-color:var(--primary)}.tutorial-lesson[data-astro-cid-qafszhhd]:hover .lesson-title[data-astro-cid-qafszhhd]{color:var(--primary-strong)}.tutorial-lesson[data-astro-cid-qafszhhd]:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.featured[data-astro-cid-qafszhhd]{background:var(--secondary);justify-content:center;padding:clamp(1.5rem,3vw,2.5rem)}.featured[data-astro-cid-qafszhhd] .lesson-title[data-astro-cid-qafszhhd]{margin-top:1.5rem;font-family:Fraunces Variable,serif;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500}.featured[data-astro-cid-qafszhhd] p[data-astro-cid-qafszhhd]{font-size:1rem}.featured[data-astro-cid-qafszhhd] .read-link[data-astro-cid-qafszhhd]{margin-top:0;padding-top:2rem}.paid-product[data-astro-cid-oex54zkq]{border:1px solid var(--border);background:var(--card);height:100%;color:var(--foreground);border-radius:.6rem;flex-direction:column;display:flex;overflow:hidden}.product-preview[data-astro-cid-oex54zkq]{aspect-ratio:4/3;background:var(--muted)}.product-preview[data-astro-cid-oex54zkq] img[data-astro-cid-oex54zkq]{object-fit:contain;width:100%;height:100%}.product-copy[data-astro-cid-oex54zkq]{flex-direction:column;flex:1;padding:1.3rem;display:flex}.product-meta[data-astro-cid-oex54zkq]{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;gap:.5rem;font-size:.8rem;display:flex}.product-price[data-astro-cid-oex54zkq]{color:var(--foreground);font-weight:700}h3[data-astro-cid-oex54zkq]{margin-top:.8rem;font-size:1.1rem;font-weight:650;line-height:1.4}p[data-astro-cid-oex54zkq]{color:var(--muted-foreground);margin-top:.7rem;font-size:.85rem;line-height:1.7}.product-formats[data-astro-cid-oex54zkq]{font-size:.75rem}.product-link[data-astro-cid-oex54zkq]{color:var(--primary-strong);margin-top:auto;padding-top:1.3rem;font-size:.85rem;font-weight:650}.paid-product[data-astro-cid-oex54zkq]:hover{border-color:var(--primary)}.paid-product[data-astro-cid-oex54zkq]:focus-visible{outline:2px solid var(--primary);outline-offset:4px}tutorial-library{display:block;& [hidden]{display:none!important}& .tutorial-intro{gap:1.5rem;padding:1rem 0 2rem;display:grid}&[data-page-topic=""] .tutorial-intro{padding-top:0}& h1:not(.tutorial-index-heading){color:var(--foreground);letter-spacing:-.025em;font-family:Fraunces Variable,serif;font-size:clamp(2.6rem,5vw,4.4rem);font-weight:500;line-height:1.07}& .intro-copy{align-self:end;max-width:34rem}& .intro-copy p{color:var(--muted-foreground);font-size:1rem;line-height:1.8}& .intro-copy a{color:var(--primary-strong);margin-top:.8rem;font-size:.85rem;font-weight:650;display:inline-block}& .primary-button{color:var(--primary-foreground);background:var(--primary);cursor:pointer;border-radius:.35rem;padding:.8rem 1.15rem;font-size:.85rem;font-weight:600}& .section-space{margin-bottom:4rem}& .section-heading{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.8rem;margin-bottom:1.5rem;display:flex}& h2{color:var(--foreground);font-family:Fraunces Variable,serif;font-size:clamp(1.7rem,3vw,2.25rem);font-weight:500;line-height:1.2}& .section-heading p{color:var(--muted-foreground);margin-top:.5rem;font-size:.9rem}& .selection-note{color:var(--muted-foreground);font-size:.7rem}& .featured-grid{gap:2rem;display:grid}& .featured-grid>li{min-width:0}& .library-section{scroll-margin-top:100px}& .library-section>.section-heading{border-bottom:1px solid var(--border);padding-bottom:1.3rem}& .text-button,& .section-heading>a{color:var(--primary-strong);cursor:pointer;font-size:.8rem;font-weight:600}& .topic-section{margin-bottom:2.8rem}& .topic-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1.3rem;display:flex}& .topic-heading h3{color:var(--foreground);align-items:center;gap:.6rem;font-size:1.15rem;font-weight:650;display:flex}& .topic-heading h3 svg{color:var(--accent-strong)}& .topic-heading p{color:var(--muted-foreground);max-width:42rem;margin-top:.4rem;font-size:.83rem}& .topic-heading a{color:var(--accent-strong);white-space:nowrap;font-size:.8rem;font-weight:650}& .tutorial-grid{gap:2rem 1.6rem;display:grid}& .tutorial-grid>li{min-width:0}& .paid-tools{border-top:2px solid var(--border);padding-top:2.5rem}& .paid-tools .section-heading p{max-width:42rem;line-height:1.7}& .paid-grid{gap:1.6rem;display:grid}& .paid-grid>li{min-width:0}& .library-more{justify-content:center;display:flex}& .outline-button{border:1px solid var(--border);color:var(--foreground);cursor:pointer;border-radius:.4rem;padding:.8rem 1.3rem;font-size:.85rem;font-weight:600}& .outline-button:hover{border-color:var(--primary)}& .empty-state{text-align:center;max-width:32rem;margin:auto;padding:2rem 1rem}& .empty-state svg{color:var(--accent-strong);margin:auto}& .empty-state h3{margin-top:.8rem;font-size:1.3rem;font-weight:600}& .empty-state p{margin:.8rem 0 1.5rem}& .bid-example{background:var(--secondary);border-radius:.8rem;gap:2rem;padding:clamp(1.3rem,4vw,3rem);display:grid}& .example-label{color:var(--accent-strong);font-size:.78rem;font-weight:650}& .example-copy h2{margin:.8rem 0 1rem;font-size:clamp(2rem,3.2vw,3rem)}& .example-copy p{max-width:31rem;color:var(--foreground);font-size:.95rem;line-height:1.7}& .example-copy .example-note{color:var(--muted-foreground);margin:.8rem 0 1.2rem;font-size:.75rem}& .example-copy a{color:var(--primary-strong);font-size:.85rem;font-weight:650}& .example-calculator{background:var(--card);border-radius:.6rem;padding:1.5rem}& .example-inputs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}& .example-inputs label{margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}& .example-inputs input{border:1px solid var(--border);background:var(--background);width:100%;min-width:0;color:var(--foreground);border-radius:.3rem;padding:.7rem}& .example-result{padding:1.4rem 0}& .example-result>span{color:var(--muted-foreground);font-size:.8rem}& .example-result output{color:var(--foreground);overflow-wrap:anywhere;font-family:Fraunces Variable,serif;font-size:clamp(1.8rem,3.5vw,3.2rem);display:block}& .example-result p,& .example-formats{color:var(--muted-foreground);margin-top:.4rem;font-size:.75rem}& #example-error{color:var(--primary-strong);margin-bottom:1rem;font-size:.8rem}& .free-tools{border-top:1px solid var(--border);padding-top:2.5rem}& .free-grid{gap:1.2rem;display:grid}& .free-grid a{border-left:3px solid var(--accent-strong);background:var(--card);flex-direction:column;height:100%;padding:1.3rem;display:flex}& .free-grid svg{color:var(--accent-strong);margin-bottom:.8rem}& .free-grid h3{color:var(--foreground);font-size:1rem;font-weight:650}& .free-grid p{color:var(--muted-foreground);margin:.5rem 0 1rem;font-size:.8rem;line-height:1.65}& .free-grid a>span{color:var(--accent-strong);margin-top:auto;font-size:.8rem;font-weight:650}& a:focus-visible,& button:focus-visible,& input:not(#tutorial-query):focus-visible{outline:2px solid var(--primary);outline-offset:4px}& .no-script{margin-bottom:1rem}@media (width>=640px){& .tutorial-grid,& .paid-grid,& .free-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1024px){& .tutorial-intro{grid-template-columns:1.15fr 1fr;gap:4rem;padding-bottom:2.4rem}& .featured-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.1fr 1fr;gap:2rem 2.5rem}& .lead-feature{grid-row:span 2}& .tutorial-grid,& .paid-grid,& .free-grid{grid-template-columns:repeat(3,minmax(0,1fr))}& .bid-example{grid-template-columns:1fr 1fr;align-items:center;gap:4rem}}}