.blog-index .tool-directory{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.blog-index .tool-art{aspect-ratio:4/5;height:auto}.blog-index .tool-art>img{object-position:center}.blog-index .tool-entry-copy{padding:22px 24px 26px}.blog-index .tool-entry-copy time{background:var(--chip);color:var(--magenta);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:800}.blog-index .tool-entry-copy h2{margin:14px 0 10px;font-size:24px;line-height:1.1}.blog-index .tool-entry-copy p{font-size:15px}.blog-index .tool-action{padding-top:18px}.guide-top{background:radial-gradient(circle at 88% 18%, #ff4d2e42, transparent 38%), radial-gradient(circle at 70% 95%, #e8155e2e, transparent 40%), radial-gradient(circle at 8% 10%, #ffb80047, transparent 35%), var(--bg);margin-top:-80px;padding:96px 0 56px;position:relative}.guide-breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;padding-top:28px;display:flex}.guide-breadcrumb a{align-items:center;min-height:32px;margin:0;display:inline-flex}.guide-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);align-items:center;gap:64px;padding-block:28px 0;display:grid}.guide-hero .eyebrow{margin-bottom:18px}.guide-hero h1{max-width:760px;font-size:clamp(38px,5vw,66px);line-height:.98}.guide-lede{max-width:32em;color:var(--body);margin:24px 0;font-size:20px;line-height:1.5}.guide-hero-download{border-radius:var(--radius-lg);border:1px solid var(--hairline);max-width:100%;box-shadow:var(--shadow-card);background:#fff;padding:20px 24px 18px;scroll-margin-top:110px;display:inline-block}.guide-hero-download>p:first-child,.guide-download-lead{color:var(--plum);margin:0;font-size:15px;font-weight:700}.guide-store-row{justify-content:flex-start;margin:12px 0 0;padding:0}.guide-download-note{color:var(--hint);max-width:34em;margin:4px 0 0;font-size:13px;line-height:1.5}.guide-hero-art{min-width:0;box-shadow:var(--shadow-photo), 0 0 0 1px #2b10200a;background:#fff;border-radius:26px;justify-self:center;max-width:440px;margin:0;padding:10px 10px 0;transform:rotate(2deg)}.guide-hero-art>img{aspect-ratio:2/3;object-fit:cover;background:var(--peach);border-radius:18px;width:100%;height:auto}.guide-hero-art figcaption{color:var(--hint);padding:12px 6px 14px;font-size:12px;line-height:1.5}.guide-layout{grid-template-columns:270px minmax(0,720px);justify-content:space-between;gap:64px;padding-block:56px 40px;display:grid}.guide-contents>nav{border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;padding:24px 22px 20px;position:sticky;top:110px}.guide-contents h2{letter-spacing:-.02em;margin:0 0 14px;font-size:20px;line-height:1.1}.guide-contents ol{gap:4px;margin:0;padding:0;list-style:none;display:grid}.guide-contents li a{color:var(--body);border-radius:16px;padding:10px 14px;font-size:14px;font-weight:600;line-height:1.35;transition:background .2s,color .2s;display:block}:is(.guide-contents li a:hover,.guide-contents li a:focus-visible){background:var(--chip);color:var(--plum)}.guide-contents-app{background:var(--grad);color:#fff;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:44px;margin-top:16px;padding:12px 18px;font-size:14px;font-weight:700;display:flex;box-shadow:0 8px 20px -8px #e8155e99}.guide-contents-app:hover{color:#fff;transform:translateY(-1px)}.guide-intro{padding-block:0 20px}.guide-byline{border:1px solid var(--hairline);color:var(--hint);background:#fff;border-radius:999px;align-items:center;gap:6px;margin:0 0 22px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.guide-byline>span{margin-inline:2px}.guide-intro>p:last-child{color:var(--plum);letter-spacing:-.005em;margin:0;font-size:21px;line-height:1.65}.guide-section{padding-block:36px 8px}.guide-section h2,.guide-faq>h2{letter-spacing:-.04em;margin:0 0 20px;scroll-margin-top:110px;font-size:clamp(30px,3.6vw,42px);line-height:1.02}.guide-section>p{color:var(--body);max-width:68ch;margin:0 0 18px;font-size:18px;line-height:1.7}.guide-section>p:last-child{margin-bottom:0}.guide-content a:not([class]){color:var(--magenta);text-underline-offset:3px;font-weight:600;-webkit-text-decoration:underline #e8155e59;text-decoration:underline #e8155e59;text-decoration-thickness:2px}.guide-content a:not([class]):hover{color:var(--flame);text-decoration-color:currentColor}.guide-checklist{color:var(--body);gap:14px;max-width:68ch;margin:24px 0 0;padding:0 0 0 24px;font-size:18px;line-height:1.6;display:grid}.guide-checklist li{padding-left:6px}.guide-checklist li::marker{color:var(--magenta);font-weight:800}.guide-prompt{border-radius:var(--radius-lg);background:var(--peach);border:1px solid #ff7a002e;margin-top:26px;padding:26px 28px}.guide-prompt-label{color:var(--magenta);letter-spacing:.06em;text-transform:uppercase;background:#fff;border-radius:999px;margin:0 0 14px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-flex}.guide-prompt textarea{resize:vertical;field-sizing:content;width:100%;min-height:150px;font:inherit;color:var(--plum);background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:16px;line-height:1.65;display:block}.guide-prompt textarea:focus-visible{outline:2px solid var(--magenta);outline-offset:8px}.guide-tool{border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;margin-top:26px;padding:22px 26px}.guide-tool p{color:var(--body);margin:0 0 14px;font-size:16px;line-height:1.55}.guide-tool .text-link{background:var(--plum);color:#fff}.guide-tool .text-link:hover{background:var(--plum);color:var(--lemon)}.guide-app-callout{border-radius:var(--radius-xl);background:var(--plum);color:var(--on-dark);grid-template-columns:56px 1fr;gap:22px;margin:28px 0 14px;padding:32px;scroll-margin-top:110px;display:grid}.guide-app-callout>img{border-radius:16px;width:56px;height:56px}.guide-app-callout h2{color:#fff;letter-spacing:-.035em;margin:0 0 12px;font-size:clamp(26px,3vw,34px);line-height:1.04}.guide-app-callout p:not(.guide-download-note){color:var(--on-dark);margin:0 0 14px;font-size:17px;line-height:1.55}.guide-app-callout .guide-store-row{margin-block:4px 12px}.guide-app-callout .guide-download-note{color:var(--on-dark-dim)}.guide-faq{padding-block:36px 8px}.guide-faq .faq-list{margin-top:22px}.guide-related{padding-block:40px 90px}.guide-related>h2{letter-spacing:-.04em;margin:0 0 28px;font-size:clamp(32px,4.4vw,52px);line-height:1}.guide-related-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.guide-related-list>a{border:1px solid var(--hairline);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;grid-template-columns:130px 1fr;align-items:center;gap:22px;padding:12px 22px 12px 12px;transition:transform .25s,box-shadow .25s;display:grid}.guide-related-list>a:hover{transform:translateY(-4px);box-shadow:0 22px 40px -18px #b41e3c61}.guide-related-list>a>img{aspect-ratio:6/7;object-fit:cover;border-radius:18px;width:100%;height:auto}.guide-related-list h3{letter-spacing:-.025em;margin:0 0 8px;font-size:21px;line-height:1.12}.guide-related-list p{color:var(--body);margin:0 0 12px;font-size:14px;line-height:1.5}.guide-related-list a>div>span{background:var(--chip);min-height:32px;color:var(--plum);border-radius:999px;align-items:center;padding:4px 14px;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.guide-related-list a:hover>div>span{background:var(--magenta);color:#fff}.guide-related-list a>div>span>span{margin-left:6px}.guide-links{padding-block:38px 0}.guide-links>h2{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(36px,4.6vw,58px);line-height:1}.guide-links-intro{max-width:34em;color:var(--body);margin:0 0 26px;font-size:18px;line-height:1.55}.guide-links ul{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:22px 0 28px;padding:0;list-style:none;display:grid}.guide-links li{display:flex}.guide-links li a{border:1px solid var(--hairline);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-card);background:#fff;flex-direction:column;justify-content:center;padding:22px 24px;transition:transform .25s,box-shadow .25s;display:flex}.guide-links li a:hover{transform:translateY(-3px);box-shadow:0 20px 36px -18px #b41e3c61}.guide-links li a span{font-family:var(--font-display);letter-spacing:-.02em;color:var(--plum);margin-bottom:8px;font-size:19px;font-weight:800;line-height:1.15;display:block}.guide-links li a small{color:var(--body);font-size:14px;line-height:1.5;display:block}.guide-links li a:hover span{color:var(--magenta)}.guide-links .text-link{background:var(--plum);color:#fff}.guide-links .text-link:hover{background:var(--plum);color:var(--lemon)}.guide-links.home-guides{padding-block:100px 40px}.guide-links.collection-guides{margin-bottom:72px}.guide-links.dc-guides{padding-block:60px 20px}@media (max-width:1050px){.blog-index .tool-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-hero{gap:40px}.guide-layout{grid-template-columns:230px minmax(0,1fr);gap:40px}.guide-app-callout{grid-template-columns:1fr;gap:18px;padding:28px}.guide-related-list>a{grid-template-columns:100px 1fr;gap:18px}}@media (max-width:800px){.guide-hero{grid-template-columns:1fr;gap:36px}.guide-hero-art{width:min(380px,100%)}.guide-layout{grid-template-columns:1fr;gap:0;padding-top:36px}.guide-contents>nav{position:static}.guide-contents ol{grid-template-columns:1fr 1fr;gap:4px 8px}.guide-contents-app{width:fit-content}.guide-content{max-width:720px;margin-top:12px}.guide-related-list{grid-template-columns:1fr}}@media (max-width:640px){.blog-index .tool-directory{grid-template-columns:minmax(0,1fr);gap:18px}.guide-page .shell{width:calc(100% - 32px)}.guide-top{padding:90px 0 40px}.guide-hero{padding-top:16px}.guide-hero h1{font-size:clamp(36px,10vw,46px)}.guide-lede{font-size:18px}.guide-hero-download{padding:18px;display:block}.guide-contents ol{grid-template-columns:1fr}.guide-intro>p:last-child{font-size:19px}.guide-section>p,.guide-checklist{font-size:17px}.guide-prompt{padding:22px}.guide-app-callout{border-radius:28px;padding:24px}.guide-related{padding-block:24px 64px}.guide-related-list>a{grid-template-columns:96px 1fr;gap:16px}.guide-related-list h3{font-size:18px}.guide-links.home-guides{padding-block:64px 20px}}@media (prefers-reduced-motion:reduce){.guide-related-list>a,.guide-links li a{transition:none}.guide-related-list>a:hover,.guide-links li a:hover{transform:none}}
