/* page-result.css
   Generated by scripts/tayfak-extract-css.py from the archived Astro build. Do not edit: the next
   run overwrites this file. Hand-written additions live in article-compat.css.

   Every rule is scoped to body.p-result. That prefix stands in for the [data-astro-cid-*]
   attribute Astro used, which carried real specificity weight; removing it silently demotes
   every rule here. See functions.php. */
.p-result .result__grid{display:grid;gap:clamp(1.75rem,4vw,3rem);align-items:start}
@media(min-width:62em){.p-result .result__grid{grid-template-columns:minmax(0,1fr) 20rem}.p-result .result__side{position:sticky;top:5.5rem;display:grid;gap:1.5rem}.p-result .result__side .share,.p-result .result__side .related,.p-result .result__side .upsell{margin-block-start:0}}
.p-result .result__main>:first-child{margin-block-start:0}
.p-result .code{font-family:var(--display);font-weight:700;font-size:3rem;letter-spacing:.12em;color:var(--turquoise);margin:0;line-height:1}
.p-result .ad{min-block-size:90px;margin-block:2rem}
.p-result .safety{margin-block-end:2rem;padding:1.5rem;background:color-mix(in srgb,var(--clay) 10%,var(--paper));border-inline-start:4px solid var(--clay)}
.p-result .safety h2{margin-block-start:0;color:var(--ink)}
.p-result .safety ul{margin:0;padding-inline-start:1.25rem}
.p-result .safety li{margin-block-end:.4rem;color:var(--ink)}
.p-result .shared{display:grid;gap:.85rem;justify-items:start;padding:1.25rem 1.5rem;margin-block-end:2rem;background:var(--paper);border-inline-start:3px solid var(--turquoise)}
.p-result .shared p{margin:0;color:var(--graphite)}
.p-result .retake,.p-result .detail{margin-block-start:2.5rem}
.p-result .bars{display:grid;gap:.85rem}
.p-result .bar{display:grid;grid-template-columns:9rem 1fr 2.5rem;align-items:center;gap:.75rem;font-size:.9rem}
.p-result .bar__label{font-weight:600}
.p-result .bar__track{block-size:.6rem;background-image:repeating-linear-gradient(to left,var(--hairline) 0 1.5px,transparent 1.5px 6px)}
.p-result .bar__fill{display:block;block-size:100%;background:var(--turquoise)}
.p-result .bar__value{font-family:var(--display);text-align:start;color:var(--graphite)}
.p-result .prose ul{padding-inline-start:1.25rem;color:var(--graphite)}
.p-result .prose li{margin-block-end:.5rem}
.p-result .share__row{display:flex;flex-wrap:wrap;gap:.75rem}
.p-result .btn--ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.p-result .btn--ghost:hover{background:var(--ink);color:var(--paper)}
.p-result .upsell{margin-block-start:3rem;padding:1.75rem;background:var(--ink);color:var(--parchment)}
.p-result .upsell h2{color:var(--paper);margin-block-start:0}
.p-result .upsell .btn{background:var(--turquoise-deep)}
.p-result .opening{font-size:1.02rem;line-height:1.9;color:var(--graphite);margin-block:1rem 0}
.p-result .longform .prose h2,.p-result .longform .faq{margin-block-start:2.5rem}
.p-result .longform .faq__item{border-block-end:1px solid var(--hairline);padding-block:.9rem}
.p-result .longform .faq__item summary{cursor:pointer;font-weight:600}
.p-result .longform .faq__item p{margin-block:.75rem 0;color:var(--graphite)}
.p-result .siblings{margin-block-start:2rem}
.p-result .siblings__grid{list-style:none;margin:1rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem}
.p-result .siblings__grid a{display:flex;align-items:baseline;gap:.5rem;padding:.7rem .9rem;background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-sm);color:var(--ink);text-decoration:none;font-size:.92rem;transition:border-color .16s ease,transform .16s ease}
.p-result .siblings__grid a:hover{border-color:var(--clay);transform:translateY(-1px)}
.p-result .siblings__code{direction:ltr;unicode-bidi:isolate;font-family:var(--display);font-size:.74rem;font-weight:700;letter-spacing:.04em;color:var(--turquoise-deep)}
.p-result .related{margin-block-start:3rem}
.p-result .related__grid{list-style:none;margin:0;padding:0;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}
.p-result .related__grid a{display:grid;gap:.25rem;padding:1rem;background:var(--paper);border:1px solid var(--hairline);color:var(--ink);text-decoration:none;block-size:100%}
.p-result .related__grid a:hover{border-color:var(--turquoise)}
.p-result .related__grid span{font-size:.9rem;color:var(--graphite)}
.p-result .disclaimer{margin-block-start:3rem;font-size:.85rem;color:var(--graphite)}