.guides-page,.guide-article-page{background:var(--paper);min-height:100vh}.guides-breadcrumbs{color:var(--muted);font-size:var(--text-caption);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.guides-breadcrumbs li{align-items:center;gap:8px;display:flex}.guides-breadcrumbs li+li:before{color:var(--orange);content:"/";font-family:var(--font-mono);font-weight:800}.guides-breadcrumbs a{text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:4px}.guides-breadcrumbs a:hover{color:var(--orange-dark)}.guides-hero{border-bottom:1px solid var(--line);padding-block:clamp(28px,5vw,64px) clamp(64px,9vw,116px);overflow:hidden}.guides-hero__layout{grid-template-columns:minmax(0,1.2fr) minmax(320px,.72fr);align-items:end;gap:clamp(42px,8vw,118px);margin-top:clamp(52px,8vw,96px);display:grid}.guides-hero h1,.guide-article-hero h1{max-width:980px;font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;overflow-wrap:anywhere;font-size:clamp(3.4rem,8.5vw,8.2rem);font-weight:900;line-height:.86}.guides-hero__copy>p:last-child{color:#52564f;max-width:660px;margin-top:30px;font-size:clamp(1rem,1.45vw,1.18rem);line-height:1.72}.guides-hero__diagram,.guide-article-hero__diagram{border:1px solid var(--line);border-radius:var(--radius-lg);background-color:var(--white);background-image:linear-gradient(#1719160f 1px,#0000 1px),linear-gradient(90deg,#1719160f 1px,#0000 1px);background-size:32px 32px;min-height:390px;position:relative;overflow:hidden}.guides-visual,.guide-article-hero__visual{z-index:1;pointer-events:none;place-items:center;display:grid;position:absolute;inset:22px}.guides-visual img,.guide-article-hero__visual{object-fit:contain;filter:drop-shadow(0 20px 20px #1719162e);width:100%;height:100%;display:block}.guides-diagram__node{z-index:2;background:var(--orange);width:46px;height:46px;color:var(--ink);font-family:var(--font-mono);border-radius:50%;place-items:center;font-size:.72rem;font-weight:900;display:grid;position:absolute}.guides-diagram__node--one{top:13%;left:15%}.guides-diagram__node--two{top:22%;right:12%}.guides-diagram__node--three{bottom:12%;right:18%}.guides-diagram__node--four{bottom:18%;left:13%}.guides-diagram__label{z-index:3;color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:800;position:absolute;bottom:18px;right:22px}.guides-index{padding-block:clamp(68px,9vw,124px)}.guides-index__header{grid-template-columns:minmax(0,.9fr) minmax(280px,.45fr);align-items:end;gap:clamp(30px,7vw,100px);margin-bottom:clamp(34px,5vw,58px);display:grid}.guides-index__header h2,.guide-related h2{font-family:var(--font-display);letter-spacing:-.045em;text-wrap:balance;margin-top:16px;font-size:clamp(2.6rem,5.6vw,5.4rem);font-weight:900;line-height:.92}.guides-index__header>p{color:var(--muted);font-size:.95rem;line-height:1.7}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.guide-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);flex-direction:column;justify-content:space-between;min-height:530px;padding:clamp(26px,4vw,42px);text-decoration:none;transition:border-color .16s,translate .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.guide-card:hover{border-color:var(--ink);translate:0 -4px;box-shadow:0 18px 44px #17191617}.guide-card:nth-child(4n+1),.guide-card:nth-child(4n+4){border-color:var(--ink);background:var(--ink);color:var(--white)}.guide-card:nth-child(4n+3){border-color:var(--orange);background:var(--orange)}.guide-card__top,.guide-card__footer{z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.guide-card__number,.guide-card__time{color:var(--orange-dark);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:.72rem;font-weight:850}.guide-card:nth-child(4n+1) .guide-card__number,.guide-card:nth-child(4n+1) .guide-card__time,.guide-card:nth-child(4n+4) .guide-card__number,.guide-card:nth-child(4n+4) .guide-card__time{color:var(--lime)}.guide-card__body{z-index:1;max-width:560px;margin-top:18px;position:relative}.guide-card__visual{z-index:1;pointer-events:none;place-items:center;width:100%;height:clamp(132px,15vw,188px);margin-top:16px;display:grid;position:relative}.guide-card__visual img{object-fit:contain;filter:drop-shadow(0 15px 15px #17191630);width:100%;height:100%;transition:transform .18s;display:block}.guide-card:hover .guide-card__visual img{transform:scale(1.025)}.guide-card h3{font-family:var(--font-display);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.1rem,4vw,3.7rem);font-weight:900;line-height:.94}.guide-card__body p{max-width:500px;color:var(--muted);margin-top:18px;font-size:.9rem;line-height:1.65}.guide-card:nth-child(4n+1) .guide-card__body p,.guide-card:nth-child(4n+4) .guide-card__body p{color:#fffdf8a3}.guide-card__footer{border-top:1px solid color-mix(in srgb, currentColor 18%, transparent);margin-top:34px;padding-top:22px;font-size:.82rem;font-weight:850}.guide-card__arrow{width:42px;height:42px;color:var(--orange-dark);border:1px solid;border-radius:50%;place-items:center;display:grid}.guide-card:nth-child(4n+1) .guide-card__arrow,.guide-card:nth-child(4n+4) .guide-card__arrow{color:var(--lime)}.guide-article-hero{background:var(--ink);color:var(--white);padding-block:22px 36px;overflow:hidden}.guide-article-hero .guides-breadcrumbs{color:#fffdf899}.guide-article-hero__layout{grid-template-columns:minmax(0,1fr) minmax(260px,300px);align-items:center;gap:clamp(28px,4vw,48px);margin-top:24px;display:grid}.guide-article-hero h1{letter-spacing:-.035em;text-wrap:pretty;margin-top:14px;font-size:clamp(3rem,4.2vw,3.75rem);line-height:1.04}.guide-article-hero__lead{color:#fffdf8b3;max-width:760px;margin-top:18px;font-size:1rem;line-height:1.6}.guide-article-hero__meta{color:#fffdf885;font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;flex-wrap:wrap;gap:10px 22px;margin-top:16px;font-size:.7rem;font-weight:780;display:flex}.guide-article-hero__diagram{border-color:var(--line-dark);background-color:var(--ink-soft);background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);min-height:280px}.guide-article-hero__visual{filter:drop-shadow(0 22px 24px #00000057);width:calc(100% - 52px);height:calc(100% - 52px);inset:26px}.guide-article-hero__diagram .guides-diagram__label{color:#fffdf87a}.guide-actions{border-top:1px solid var(--line);background:var(--paper-warm);padding-block:clamp(58px,8vw,96px)}.guide-actions__header{grid-template-columns:minmax(0,.9fr) minmax(280px,.45fr);align-items:end;gap:clamp(32px,7vw,96px);margin-bottom:28px;display:grid}.guide-actions__header h2{font-family:var(--font-display);letter-spacing:-.04em;margin-top:14px;font-size:clamp(2.5rem,5vw,4.9rem);font-weight:900;line-height:.94}.guide-actions__header>p{color:var(--muted);font-size:.92rem;line-height:1.68}.guide-actions__grid{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--white);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.guide-action{flex-direction:column;justify-content:space-between;gap:26px;min-height:154px;padding:24px;text-decoration:none;display:flex}.guide-action+.guide-action{border-left:1px solid var(--line)}.guide-action span:first-child{color:var(--muted);font-size:.72rem;font-weight:750;line-height:1.5}.guide-action strong{justify-content:space-between;align-items:center;gap:16px;font-size:.88rem;display:flex}.guide-action strong span{color:var(--orange-dark);font-size:1rem}.guide-action:hover strong{color:var(--orange-dark)}.guide-related{padding-block:clamp(68px,9vw,116px)}.guide-related__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:clamp(30px,5vw,52px);display:grid}.guide-related__list a{border:1px solid var(--line);background:var(--white);border-radius:18px;flex-direction:column;justify-content:space-between;min-height:180px;padding:26px;text-decoration:none;display:flex}.guide-related__list span{color:var(--orange-dark);font-family:var(--font-mono);font-size:.7rem;font-weight:850}.guide-related__list strong{max-width:360px;font-family:var(--font-display);font-size:clamp(1.55rem,2.5vw,2.3rem);line-height:1}.guide-related__list a:hover{border-color:var(--ink)}@media (width<=960px){.guides-hero__layout,.guide-article-hero__layout{grid-template-columns:1fr}.guides-hero__diagram,.guide-article-hero__diagram{min-height:320px}.guide-article-hero__layout{gap:24px}.guide-article-hero__diagram{width:min(100%,420px);min-height:240px}.guide-actions__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-action:nth-child(3){border-top:1px solid var(--line);border-left:0}.guide-action:nth-child(4){border-top:1px solid var(--line)}}@media (width<=760px){.guides-index__header,.guide-actions__header,.guides-grid,.guide-related__list{grid-template-columns:1fr}.guide-card{min-height:500px}}@media (width<=560px){.guides-hero h1{font-size:clamp(2.8rem,15vw,4.5rem);line-height:.9}.guide-article-hero{padding-block:16px 26px}.guide-article-hero__layout{gap:20px;margin-top:18px}.guide-article-hero h1{font-size:clamp(2rem,8.8vw,2.375rem);line-height:1.08}.guide-article-hero__lead{margin-top:14px}.guide-article-hero .guides-breadcrumbs li:last-child{display:none}.guides-hero__diagram,.guide-article-hero__diagram{border-radius:18px;min-height:260px}.guide-article-hero__diagram{min-height:200px}.guides-diagram__node{width:36px;height:36px;font-size:.62rem}.guides-visual,.guide-article-hero__visual{inset:14px}.guide-article-hero__visual{width:calc(100% - 28px);height:calc(100% - 28px)}.guide-card{min-height:460px}.guide-card__visual{height:142px}.guide-actions__grid{grid-template-columns:1fr}.guide-action+.guide-action,.guide-action:nth-child(3){border-top:1px solid var(--line);border-left:0}}@media (prefers-reduced-motion:reduce){.guide-card,.guide-card__visual img{transition:none}}