.project-guide{width:calc(100% - clamp(2rem,8vw,8rem));max-width:1280px;margin:2rem auto 4rem;border-block:1px solid var(--line);padding:1.6rem 0;scroll-margin-top:100px}.guide-intro{display:flex;align-items:center;justify-content:space-between;gap:2rem}.guide-intro h2{font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:550;letter-spacing:-.04em;margin:.4rem 0}.guide-intro p{font-size:.88rem;color:var(--reading);line-height:1.6;margin:.4rem 0;max-width:55ch}.guide-intro .guide-label{font-size:.66rem;letter-spacing:.07em;color:var(--muted)}.guide-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.3rem;border:1px solid var(--line);border-radius:30px;background:var(--ink);color:var(--paper);font:inherit;font-size:.84rem;text-decoration:none;cursor:pointer;flex-shrink:0}.guide-button:disabled{opacity:.4;cursor:default}.guide-panel{padding:clamp(1.2rem,4vw,3rem);margin-top:1.5rem;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--ink) 3%,var(--paper));scroll-margin-top:100px}.project-guide [hidden]{display:none!important}.guide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.75rem}.guide-panel h3{font-size:clamp(1.7rem,3.2vw,2.8rem);font-weight:550;line-height:1.12;letter-spacing:-.045em;margin:1.4rem 0}.guide-panel h3:focus{outline:none}.guide-options{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1.5rem 0}.guide-option{min-height:75px;padding:1.1rem 1.3rem;text-align:left;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);font:inherit;font-size:.95rem;cursor:pointer}.guide-option span,.guide-option small{display:block}.guide-option small{font-size:.73rem;color:var(--muted);margin-top:.45rem}.guide-option[aria-pressed="true"]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);background:color-mix(in srgb,var(--ink) 8%,var(--paper))}.guide-option:hover{border-color:var(--ink)}.guide-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem}.guide-actions>button:last-child{margin-left:auto}.guide-quiet{border:0;background:transparent;color:var(--ink);padding:.75rem .2rem;min-height:44px;font:inherit;font-size:.8rem;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.guide-panel label{display:block;font-size:.8rem;margin:1.3rem 0 .6rem}.guide-panel textarea{width:100%;box-sizing:border-box;border:1px solid var(--line);border-radius:10px;padding:.85rem;background:var(--paper);color:var(--ink);font:inherit;font-size:16px;resize:vertical}.guide-result-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(1.5rem,4vw,4rem)}.guide-result-grid p,.guide-result-grid li{font-size:.95rem;line-height:1.75;color:var(--reading)}.guide-result-grid ul{padding-left:1.2rem}.guide-result-grid li{padding:.4rem 0}.guide-reference{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:15px;overflow:hidden;align-self:start;margin-top:1.5rem;background:var(--paper)}.guide-reference img{display:block;width:100%;height:210px;object-fit:contain;background:color-mix(in srgb,var(--ink) 5%,var(--paper))}.guide-reference strong,.guide-reference span{display:block;padding:0 1.2rem}.guide-reference strong{font-size:1.05rem;margin:1.1rem 0 .5rem}.guide-reference span{font-size:.78rem;line-height:1.6;color:var(--reading);padding-bottom:1.2rem}.guide-footnote{font-size:.73rem!important;line-height:1.6;color:var(--muted);max-width:80ch}.guide-summary{font-size:.8rem;line-height:1.7;color:var(--reading);padding-top:1rem;border-top:1px solid var(--line);overflow-wrap:anywhere}.guide-contact-row{display:flex;align-items:center;gap:1.2rem;flex-wrap:wrap}.project-guide :focus-visible{outline:2px solid var(--ink);outline-offset:4px}
@media(max-width:650px){.guide-intro{display:block}.guide-intro>.guide-button{margin-top:1rem}.guide-options,.guide-result-grid{grid-template-columns:1fr}.guide-option{min-height:64px;padding:1rem}.guide-panel{border-radius:16px}.guide-reference img{height:180px}.guide-contact-row{gap:.4rem}}

/* One shared starting point, two clearly distinguished paths. */
.project-guide{padding:clamp(1.5rem,3vw,2.6rem) 0;margin-top:1rem}.guide-intro{display:block}.guide-intro h2{font-size:clamp(1.7rem,3vw,2.65rem)}.guide-intro p{max-width:65ch}.entry-options{display:grid;grid-template-columns:1.15fr 1fr;gap:1rem;margin-top:1.7rem}.entry-card{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(1.3rem,2.6vw,2.2rem);border:1px solid var(--line);border-radius:18px;background:var(--paper)}.entry-card--primary{background:color-mix(in srgb,var(--ink) 4%,var(--paper))}.entry-card__label{display:flex;align-items:center;gap:.6rem;width:100%;font-size:.72rem;color:var(--muted)}.entry-card__label svg{width:22px;height:22px;color:var(--ink);flex-shrink:0}.entry-card__label small{margin-left:auto;font-size:.66rem}.entry-card h3{font-size:clamp(1.3rem,2vw,1.8rem);font-weight:550;line-height:1.2;letter-spacing:-.035em;margin:1.35rem 0 .65rem}.entry-card>p{font-size:.86rem;line-height:1.7;color:var(--reading);max-width:49ch;margin:0 0 1.4rem}.entry-card .guide-button{margin-top:auto}.guide-button--secondary{background:transparent;color:var(--ink);border-color:color-mix(in srgb,var(--ink) 30%,transparent)}.guide-button--secondary:hover{background:color-mix(in srgb,var(--ink) 5%,var(--paper))}body:not(.audit-page) .project-guide .live-check{width:100%;max-width:none;margin:1.5rem 0 0}.guide-panel{margin-bottom:0}
@media(max-width:650px){.entry-options{grid-template-columns:1fr;gap:.75rem}.entry-card{border-radius:14px}.entry-card h3{margin-top:1rem}.entry-card .guide-button{width:100%;box-sizing:border-box}.entry-card>p{margin-bottom:1.1rem}}

/* A single quiet reflection beneath stationary, crisp content. */
.entry-card{position:relative;isolation:isolate;overflow:hidden}
.entry-card>:not(.entry-reflection){position:relative;z-index:1}
.entry-reflection{position:absolute;inset:-30%;pointer-events:none;z-index:0;opacity:0;background:linear-gradient(112deg,transparent 30%,color-mix(in srgb,var(--ink) 3%,transparent) 48%,transparent 66%)}
[data-theme="dark"] .entry-reflection{background:linear-gradient(112deg,transparent 30%,rgb(255 255 255 / .035) 48%,transparent 66%)}
@media(prefers-reduced-motion:reduce){.entry-reflection{display:none}}
