@layer site {
  :root{color-scheme:light;--ink:#25262b;--text:#292a30;--muted:#65676f;--paper:#fcfcfd;--line:#e5e5e8;--lime:#c8c2f5;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}
  *{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.24em;text-decoration-thickness:1px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible{outline:3px solid #6668e8;outline-offset:5px}img{max-width:100%;height:auto}p{line-height:1.7}h1,h2,h3{color:var(--ink);line-height:1.08;letter-spacing:-.055em}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,5vw,4.5rem);font-weight:590;margin-bottom:1.7rem}h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:560}h3{font-size:1.5rem;font-weight:600;letter-spacing:-.035em}em{font-style:normal;font-weight:550}.hero-highlight{color:#6569d4;font-size:.88em;letter-spacing:-.04em}code,pre{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}code{font-size:.9em}pre{overflow:auto;line-height:1.8}nav{display:flex;gap:1.7rem;align-items:center}nav a{text-decoration:none;font-size:.9rem}a.button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:2.2rem;padding:.85rem 1.25rem;border-radius:.8rem;font-weight:550;text-decoration:none}.primary{background:var(--ink);color:#fafafa}.primary:hover{background:#3b4169}.text-link{font-size:.95rem;font-weight:550}.text-link span{margin-left:.7rem}.hint{font-size:.8rem;color:var(--muted);line-height:1.65}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;font-weight:650;line-height:1.6;color:#65676f;margin-bottom:1.3rem}.section{padding:5.5rem clamp(1.25rem,6vw,6.5rem);max-width:1440px;margin:auto}.site-header{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:1.4rem clamp(1.25rem,4vw,4rem);gap:1.5rem}.brand{display:flex;align-items:center;gap:.65rem;font-size:1.6rem;letter-spacing:-.04em;font-weight:650;text-decoration:none;line-height:1}.nav-action{border:1px solid #dce0ee;padding:.75rem 1rem;border-radius:.3rem}.nav-action span{padding-left:1rem}.skip{position:absolute;top:-100px;left:10px;padding:1rem;background:white;z-index:20}.skip:focus{top:10px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:2rem;padding-top:5rem;padding-bottom:4rem;min-height:720px}.hero-copy{position:relative;z-index:1}.hero .lede{font-size:1.15rem;max-width:32rem;color:#65676f;line-height:1.7}.status-dot{display:inline-block;width:.4rem;height:.4rem;vertical-align:middle;background:#8c91e6;border-radius:50%;margin-right:.6rem}.actions{display:flex;align-items:center;gap:1.6rem;flex-wrap:wrap;margin:2rem 0 1rem}.hero-figure{position:relative;min-height:550px;margin:0;background:radial-gradient(ellipse at 52% 45%,#ececfc 0%,transparent 64%)}.paper{position:absolute;box-shadow:0 12px 45px #25262b10;border:1px solid #e1e4f0;border-radius:8px;background:#ffffff;width:78%;height:370px;padding:2.1rem}.paper-back{top:25px;left:7%;transform:rotate(-5deg);color:#65676f;font-family:Georgia,serif}.paper-back span{display:block}.paper-line{margin-top:2rem;height:1px;background:#e9ebf4;width:90%}.paper-line.short{width:60%;margin-top:1rem}.paper-front{top:62px;left:17%;transform:rotate(2deg)}.paper-front h2{font-size:2.7rem;font-family:inherit;letter-spacing:-.055em;font-weight:580}.paper-front p:not(.eyebrow){font-size:.8rem;color:#65676f}.sample-rule{height:1px;background:#e9ebf4;margin:2rem 0 1rem}.sample-caption{font-size:.7rem;color:#65676f}.choice-preview{position:absolute;top:282px;left:4%;width:85%;background:#ffffff;border:1px solid #dce0f0;border-radius:8px;box-shadow:0 15px 45px #30303918;overflow:hidden}.preview-label{display:block;padding:.9rem 1rem;font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;color:#65676f;border-bottom:1px solid var(--line)}.choice-preview img{width:100%;display:block;object-fit:contain}.hero-figure figcaption{position:absolute;top:calc(282px + 1.7rem + 25vw);bottom:0;height:1rem;left:5%;font-size:.66rem;color:#65676f;max-height:1rem;top:auto}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:1.8rem;padding-bottom:1.8rem;display:flex;justify-content:space-between;gap:1.5rem}.principles p{margin:0;font-size:.9rem;font-weight:550}.foundation{display:grid;grid-template-columns:1fr 1.2fr;gap:6rem}.section-intro p:not(.eyebrow){max-width:31rem;color:#65676f}.areas article{display:flex;gap:1.8rem;padding:2rem 0;border-bottom:1px solid var(--line)}.areas article:first-child{padding-top:0}.areas .number{font-family:inherit;font-weight:500;color:#65676f;font-size:1.4rem}.areas p{font-size:.95rem;color:#65676f}.areas a{font-size:.85rem;font-weight:550}.setup{background:#f5f5f7;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.setup>div>p:not(.eyebrow){color:#65676f;max-width:31rem}.code-panel{background:#222329;color:#f3f5ff;border-radius:8px;box-shadow:0 22px 40px #2329400d;overflow:hidden}.code-title{display:flex;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid #3e435e;font-size:.65rem;letter-spacing:.06em}.code-title span:last-child{color:#acb2d4}.code-panel pre{padding:1.3rem 1.5rem;margin:0;font-size:.87rem;color:#dce1ff}.code-panel p{border-top:1px solid #3e435e;padding:1rem 1.5rem;font-size:.7rem;margin:0;color:#aeb7da}.research .section-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:6rem}.research .eyebrow{grid-column:1/-1}.trace{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:3rem 0}.trace li{border-top:1px solid #d9dded;padding-top:1.1rem}.trace span{display:block;font-size:.7rem;color:#65676f;margin-bottom:1.2rem}.trace strong{display:block;font-size:1rem;font-weight:600}.trace p{font-size:.85rem;color:#65676f;margin-top:.7rem}.research-foot{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding-top:1rem}.research-foot p{font-size:.85rem;color:#65676f}.closing{text-align:center;background:#f7f7f9;border-top:1px solid var(--line)}.closing h2{font-size:clamp(2.6rem,4vw,4rem)}.closing p:not(.eyebrow){max-width:38rem;margin:0 auto;color:#65676f}.closing .actions{justify-content:center}.site-footer{max-width:1440px;margin:auto;padding:3rem clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:1fr auto;gap:1.4rem}.site-footer .brand{font-size:1.35rem}.site-footer>p:not(.hint){grid-row:2;font-size:.9rem;color:#65676f;margin:0}.site-footer nav{grid-column:2;grid-row:1/3;flex-wrap:wrap;justify-content:flex-end;max-width:36rem}.site-footer .hint{grid-column:1/-1;margin:0}.guide-layout{max-width:1440px;margin:auto;padding:3rem clamp(1.25rem,4vw,4rem);display:grid;grid-template-columns:220px minmax(0,1fr);gap:4rem;border-top:1px solid var(--line)}.guide-nav nav{display:flex;align-items:stretch;flex-direction:column;gap:0}.guide-nav nav a{padding:.8rem 0;min-height:44px;font-size:.85rem}.guide-nav .hint{border-top:1px solid var(--line);padding-top:1.5rem;margin-top:1.5rem}.prose{max-width:60rem;min-width:0;line-height:1.75}.prose h1{font-size:clamp(2.4rem,5vw,4rem);margin-bottom:2rem}.prose h2{font-size:1.8rem;margin-top:3rem;letter-spacing:-.04em}.prose h3{font-size:1.25rem;margin-top:2rem;letter-spacing:-.02em;line-height:1.3}.prose p,.prose li{font-size:.96rem;overflow-wrap:anywhere}.prose pre{background:#f7f7f9;padding:1.3rem;border-radius:.5rem;border:1px solid #e4e7f1;font-size:.85rem;max-width:100%}.prose img{max-height:680px;object-fit:contain;object-position:left}.prose table{border-collapse:collapse;display:block;max-width:100%;overflow:auto;font-size:.83rem;margin:1.5rem 0}.prose th,.prose td{text-align:left;border:1px solid var(--line);padding:.7rem;min-width:120px;vertical-align:top}.prose th{background:#f5f6fc}.prose blockquote{margin:1rem 0;padding:.5rem 1.2rem;border-left:3px solid #a0a4e6;color:#65676f}.prose hr{border:0;border-top:1px solid var(--line);margin:2rem 0}
  .site-footer>p.sponsor{grid-column:1/-1;grid-row:auto;display:flex;align-items:center;gap:.5rem;border-top:1px solid var(--line);padding-top:1.2rem;margin:0;color:var(--muted);font-size:.75rem}.site-footer .sponsor a{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;font-size:.8rem;font-weight:600;text-decoration:none}.site-footer .sponsor a:hover{text-decoration:underline}.site-footer .sponsor img{display:block;flex-shrink:0}
  @media(min-width:1500px){.hero-figure figcaption{bottom:1rem}}@media(max-width:1000px){.site-header nav{gap:1rem}.hero{min-height:650px;gap:1rem}.hero-figure{min-height:520px}.paper{padding:1.4rem}.paper-front h2{font-size:2.2rem}.foundation{gap:3rem}.setup{gap:2.5rem}.guide-layout{gap:2rem;grid-template-columns:190px minmax(0,1fr)}.research .section-intro{column-gap:3rem}.trace{gap:1.2rem}.site-footer{grid-template-columns:1fr}.site-footer nav{grid-column:1;grid-row:auto;justify-content:flex-start}.site-footer>p:not(.hint){grid-row:auto}}
  @media(max-width:700px){.site-header{padding-top:1.1rem;padding-bottom:1.1rem;flex-wrap:wrap;gap:1rem}.brand{font-size:1.5rem}.site-header nav{width:100%;justify-content:space-between;gap:.7rem}.site-header nav a{font-size:.75rem;min-height:44px;display:inline-flex;align-items:center}.nav-action{padding:.5rem .7rem}.nav-action span{padding-left:.4rem}.section{padding:3.5rem 1.25rem}.hero{display:flex;flex-direction:column;gap:2rem;min-height:0;padding-top:2.6rem;padding-bottom:2.5rem}.hero h1{font-size:clamp(2.9rem,10.5vw,4.6rem)}.hero .lede{font-size:1.03rem}.hero .eyebrow{font-size:.65rem}.hero-figure{min-height:485px;max-width:480px;width:100%;align-self:center}.paper{height:310px}.paper-front{top:52px}.paper-front h2{font-size:2.3rem}.paper-front p:not(.eyebrow){font-size:.7rem}.sample-rule{margin-top:1.3rem}.choice-preview{top:255px;width:89%;left:1%}.choice-preview img{height:auto}.hero-figure figcaption{bottom:0;font-size:.6rem}.principles{flex-direction:column;gap:.8rem;padding-top:1.5rem;padding-bottom:1.5rem}.principles p{font-size:.9rem}.foundation,.setup{grid-template-columns:1fr;gap:2rem}.areas article{padding:1.7rem 0;gap:1.2rem}.areas h3{font-size:1.4rem}.setup h2{font-size:2.4rem}.research .section-intro{display:block}.research h2{max-width:20rem}.trace{grid-template-columns:1fr 1fr;gap:1rem 1.5rem;margin:2rem 0}.trace li{padding-top:.8rem}.trace span{margin-bottom:.8rem}.research-foot{flex-direction:column;gap:.5rem}.research-foot p{margin-bottom:.5rem}.research>.hint{margin-top:1.2rem}.closing{text-align:left}.closing .actions{justify-content:flex-start}.site-footer nav{gap:.4rem 1.4rem}.site-footer nav a{min-height:44px;display:inline-flex;align-items:center}.site-footer{padding-top:2.5rem;padding-bottom:2.5rem}.guide-layout{display:flex;flex-direction:column;gap:2rem;padding-top:2rem}.guide-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.guide-nav .eyebrow{margin-bottom:.5rem}.guide-nav .hint{display:none}.prose h1{font-size:2.3rem}.actions{gap:1.2rem}.code-panel pre{padding:1rem;font-size:.8rem}.code-title{padding:1rem}.code-panel p{padding:1rem}}
  @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media(forced-colors:active){.paper,.choice-preview,.code-panel,.button,.nav-action{border:1px solid CanvasText}.status-dot{background:CanvasText}}
}

/* @requirements REQ-PRODUCT-MOBILE REQ-PRODUCT-A11Y */
@layer site {
 .examples-home{max-width:1440px;margin:auto}.examples-intro,.example-section,.examples-next{padding-inline:clamp(1.25rem,5.5vw,5.5rem)}.examples-intro{padding-top:4.5rem}.examples-intro>.eyebrow{font-size:.65rem}.examples-title-row{display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:4rem}.examples-title-row h1{font-size:clamp(3rem,5vw,4.5rem);font-weight:520;letter-spacing:-.045em;line-height:.98;margin-bottom:0}.examples-title-row h1 span{color:#797bd0}.examples-intro-copy{padding-bottom:.2rem}.examples-intro-copy>p:first-child{font-size:1.02rem;color:var(--muted);line-height:1.85;margin-bottom:1.4rem}.examples-intro-copy>a{font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex;gap:2rem;min-height:44px;align-items:center}.examples-intro-copy>.hint{font-size:.65rem;margin:.7rem 0 0}.examples-jumps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3.8rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0}.examples-jumps>a{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:64px;padding-right:1.2rem;margin-right:1.2rem;font-size:.73rem;font-weight:550}.examples-jumps>a:last-child{margin-right:0;padding-right:0}.examples-jumps>a span{font-size:.6rem;color:var(--muted)}.example-section{padding-block:4rem;scroll-margin-top:1rem}.example-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.example-section-heading .eyebrow{font-size:.6rem;margin-bottom:.8rem}.example-section-heading h2{font-size:clamp(1.9rem,3vw,2.7rem);font-weight:520;letter-spacing:-.055em;margin:0}.example-section-heading>p{font-size:.8rem;color:var(--muted);line-height:1.8;margin:0;max-width:22rem}.example-feature-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:1.2rem}.example-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;text-decoration:none;background:#fff;min-width:0;transition:border-color .16s ease,box-shadow .16s ease}.example-card:hover{border-color:#aeb3d4;box-shadow:0 8px 30px #252a4b09}.example-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.25rem 1.4rem;font-size:.55rem;letter-spacing:.1em;color:#6c7386;line-height:1.5}.example-label{font-size:.48rem;letter-spacing:.07em;border:1px solid #dfe2ed;padding:.3rem .5rem;border-radius:100px;white-space:nowrap}.example-card-copy{padding:1.5rem 1.4rem;flex:1}.example-card h3{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;font-size:1.35rem;letter-spacing:-.04em;font-weight:580;margin:0 0 .65rem}.example-card h3>span{font-size:1.25rem;font-weight:450;color:#797e95}.example-card-copy>p{font-size:.82rem;color:var(--muted);line-height:1.8;max-width:30rem;margin:0}.example-consent-feature{background:#f1f2ea;border-color:#dfe2d4}.example-consent-feature .example-label{border-color:#cfd7bf;color:#556447}.example-documents-feature{background:#efeff9;border-color:#e0e1f1}.example-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.2rem}.example-tags>span{font-size:.55rem;color:#68715e;display:flex;align-items:center;gap:.35rem}.example-tags>span:before{content:'·';color:#92a77b}.gallery-consent-preview{position:relative;min-height:285px;margin:0 1.4rem;background:#fafbf6;border:1px solid #e0e3d5;border-radius:.6rem;overflow:hidden}.gallery-page-lines{padding:1.4rem;display:flex;flex-direction:column;align-items:start;gap:.7rem}.gallery-page-lines>span{font-size:.5rem;font-weight:650;letter-spacing:-.02em}.gallery-page-lines>b{font-size:2.6rem;line-height:.97;font-weight:500;letter-spacing:-.045em;color:#2d3f30}.gallery-page-lines>b>em{color:#92a17f;font-weight:500}.gallery-page-lines>i{display:block;background:#e5e8dc;width:44%;height:3px;margin-top:.3rem}.gallery-page-lines>i:last-child{width:34%;margin:0}.gallery-consent-note{position:absolute;right:1rem;bottom:1rem;width:76%;padding:1.15rem;background:#fff;border:1px solid #e0e4d9;border-radius:.65rem;box-shadow:0 15px 40px #30412c15}.gallery-consent-note>b{font-size:.74rem;display:block;font-weight:600;letter-spacing:-.025em}.gallery-consent-note>p{font-size:.56rem;color:#697660;line-height:1.7;margin:.45rem 0 .8rem}.gallery-consent-note>div{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.gallery-consent-note i{background:#344c3c;color:#f5f7ef;font-size:.55rem;font-weight:550;text-align:center;font-style:normal;padding:.5rem .3rem;border-radius:.3rem}.gallery-consent-note small{display:flex;justify-content:space-between;font-size:.45rem;color:#677762;margin:.8rem 0 0}.gallery-note-dot{float:right;width:6px;height:6px;border-radius:50%;background:#b0c79d;margin-top:.25rem}.gallery-documents-preview{position:relative;height:285px;margin:0 1.4rem}.gallery-sheet{position:absolute;width:65%;height:240px;border:1px solid #e0e1ef;box-shadow:0 12px 20px #3b39630d;border-radius:.5rem;padding:1.3rem;background:#fff;display:flex;flex-direction:column;align-items:start;gap:.8rem}.gallery-sheet>span{font-size:.4rem;letter-spacing:.1em;color:#8786a7}.gallery-sheet>b{font-size:2.45rem;line-height:.98;letter-spacing:-.04em;font-weight:520;color:#4a496e}.gallery-sheet small{font-size:.44rem;color:#83839a}.gallery-sheet>i{width:95%;height:2px;background:#ebebf3;margin-top:.5rem}.gallery-sheet>i:last-child{width:65%;margin:0}.back-sheet{top:8px;left:6%;transform:rotate(-8deg);background:#f9f9fd}.front-sheet{top:28px;right:3%;transform:rotate(6deg)}.example-link-row{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.5rem;border-bottom:1px solid var(--line);padding:1rem 0}.example-link-row>span{font-size:.63rem;color:var(--muted);margin-right:auto}.example-link-row>a{font-size:.67rem;min-height:44px;display:inline-flex;align-items:center;gap:.6rem;text-decoration:none}.example-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.example-card-grid .example-card-top{padding:1rem;font-size:.5rem}.example-card-grid .example-label{font-size:.42rem;padding:.25rem .35rem}.example-card-grid .example-card-copy{padding:1.1rem}.example-card-grid h3{font-size:1rem;letter-spacing:-.03em;line-height:1.3}.example-card-grid .example-card-copy>p{font-size:.72rem}.example-art{height:175px;margin:0 1rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;overflow:hidden;background:#f7f7f9}.gallery-form{width:100%;padding:1.2rem;background:#f4f2ed;height:100%}.gallery-form>span{font-size:.45rem;color:#7e7b71;display:block;margin-bottom:.5rem}.gallery-form>i{display:block;font-style:normal;font-size:.48rem;border:1px solid #dedbd2;border-radius:.3rem;background:#fff;padding:.6rem;margin-bottom:.65rem}.gallery-form>div{padding:.65rem;background:#e9e8dc;border-radius:.3rem}.gallery-form b{font-size:.52rem;display:block}.gallery-form p{font-size:.43rem;line-height:1.5;margin:.4rem 0}.gallery-form u{font-size:.4rem}.gallery-landscape{width:100%;height:100%;position:relative;background:#e4e8e0;overflow:hidden}.gallery-sun{position:absolute;width:34px;height:34px;border-radius:50%;background:#ced8b9;right:17%;top:18%}.gallery-mountain{position:absolute;bottom:-30px;width:145px;height:145px;transform:rotate(45deg);border-radius:8px;background:#9bac98;left:-35px}.gallery-mountain.two{width:180px;height:180px;left:45%;bottom:-100px;background:#71896e}.gallery-landscape>span{position:absolute;left:12%;right:12%;bottom:17%;padding:.65rem .4rem;text-align:center;border-radius:.4rem;background:#ffffffdb;border:1px solid #f6f8f1;font-size:.54rem;color:#41563f}.gallery-storage{padding:1rem;width:100%;background:#eaf0f5;height:100%;display:flex;justify-content:center;flex-direction:column}.gallery-storage p{font-size:.47rem;display:flex;align-items:center;gap:.5rem;justify-content:space-between;border-bottom:1px solid #d6e0e7;padding:.65rem 0;margin:0}.gallery-storage p:last-child{border:0}.gallery-storage b{font-size:.4rem;font-weight:500;background:#dae5e5;color:#546d68;padding:.2rem .35rem;border-radius:10px}.gallery-storage .marker-present{background:#e0e1ed;color:#6b6c86}.gallery-signal{background:#eae9f8;width:100%;height:100%;display:flex;align-items:center;gap:1rem;padding:1rem}.gallery-signal>span{font-size:.55rem;background:#6c6db3;color:#fff;border-radius:50%;min-width:40px;height:40px;display:grid;place-items:center}.gallery-signal b{font-size:.72rem;font-weight:550;line-height:1.4;letter-spacing:-.03em}.gallery-signal small{display:block;margin-top:.8rem;font-size:.4rem;color:#79799a}.example-frameworks{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;background:#f3f3fa;border-block:1px solid var(--line)}.example-frameworks h2{font-size:clamp(2.5rem,4vw,3.8rem);font-weight:520;line-height:1.03;margin-bottom:1.3rem}.example-frameworks>div>p:not(.eyebrow){font-size:.9rem;max-width:24rem;color:var(--muted)}.example-frameworks .text-link{font-size:.8rem}.framework-stack>a{display:flex;align-items:center;gap:1.2rem;min-height:96px;text-decoration:none;border-bottom:1px solid #dddfee}.framework-stack>a:first-child{border-top:1px solid #dddfee}.framework-monogram{width:42px;flex-shrink:0;height:42px;border:1px solid #dcddeb;border-radius:.6rem;display:grid;place-items:center;font-size:.85rem;background:#fafafe;color:#6b6b91;font-family:ui-monospace,monospace}.react-monogram{font-size:1.6rem}.framework-stack h3{font-size:1.05rem;font-weight:550;margin:0 0 .35rem}.framework-stack p{font-size:.7rem;color:var(--muted);margin:0}.framework-stack>a>span:last-child{margin-left:auto;color:#8286a1;font-size:1.3rem}.example-evidence-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.example-protected .example-label{color:#75694e;border-color:#e8e1d4;background:#faf8f1}.example-evidence-grid .example-art{height:155px}.gallery-agreement{display:flex;align-items:start;gap:.75rem;padding:1.5rem;background:#f0f0fa;height:100%;width:100%;justify-content:center}.gallery-checkbox{width:18px;height:18px;border:1px solid #afb1ca;border-radius:4px;flex-shrink:0;background:white;margin-top:1.1rem}.gallery-agreement p{font-size:.78rem;font-weight:550;line-height:1.6;margin-top:1rem}.gallery-agreement small{display:block;font-size:.5rem;color:#8a8b9f;font-weight:400;margin-top:.5rem}.gallery-record,.gallery-diff{display:flex;flex-direction:column;justify-content:center;padding:1.5rem;width:100%;height:100%;background:#f1f3f7;gap:.8rem}.gallery-record>span,.gallery-diff>span{font-size:.45rem;letter-spacing:.09em;color:#8a8e9e}.gallery-record b{font-size:1.1rem;line-height:1.15;letter-spacing:-.035em;font-weight:550}.gallery-record i{font-size:.55rem;font-style:normal;color:#7b8297}.gallery-diff{background:#f5f3ee;gap:.45rem}.gallery-diff>span{margin-bottom:.45rem}.gallery-diff i{font-size:.6rem;font-style:normal;padding:.4rem .5rem;border-radius:.25rem;background:#f7e8e5;color:#936e68}.gallery-diff i:last-child{background:#e5eee5;color:#57705c}.examples-next{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding-block:3.5rem 4rem;border-top:1px solid var(--line);background:#f3f3fc}.examples-next h2{font-size:clamp(2rem,3.5vw,3rem);font-weight:520;margin-bottom:1.2rem}.examples-next>div>p:not(.eyebrow){max-width:31rem;color:var(--muted);font-size:.85rem}.examples-next>div:last-child{min-width:230px}.examples-next .button{font-size:.8rem}.examples-next-guide{display:block;font-size:.72rem;margin-top:1rem;min-height:44px;align-content:center}.examples-next .hint{font-size:.6rem!important;margin:0}
 @media(max-width:1100px){.example-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.example-card-grid .example-art{height:200px}.example-card-grid h3{font-size:1.15rem}.example-card-grid .example-card-copy>p{font-size:.8rem}.example-frameworks{gap:3rem}.example-evidence-grid .example-card h3{font-size:1.15rem}.example-card-top{padding:1rem}.example-label{font-size:.44rem}.gallery-consent-note{width:85%}}
 @media(max-width:700px){.examples-intro{padding-top:2.5rem}.examples-title-row{grid-template-columns:1fr;gap:1.7rem}.examples-title-row h1{font-size:clamp(3.8rem,14vw,6rem)}.examples-intro-copy>p:first-child{font-size:.93rem}.examples-intro-copy>a{font-size:.78rem}.examples-jumps{grid-template-columns:1fr 1fr;margin-top:1.7rem}.examples-jumps>a{min-height:54px;font-size:.66rem;margin-right:1rem}.examples-jumps>a:nth-child(2n){margin-right:0;padding-right:0}.example-section{padding-block:2.7rem}.example-section-heading{display:block;margin-bottom:1.5rem}.example-section-heading h2{font-size:1.9rem}.example-section-heading>p{font-size:.78rem;margin-top:.9rem}.example-feature-grid{grid-template-columns:1fr}.example-card-top{padding:1.1rem;font-size:.5rem}.example-label{font-size:.43rem}.gallery-consent-preview{margin-inline:1rem;min-height:270px}.gallery-consent-note{width:81%;right:.8rem;bottom:.8rem;padding:1rem}.gallery-page-lines>b{font-size:2.65rem}.gallery-consent-note>b{font-size:.7rem}.gallery-consent-note>p{font-size:.52rem}.gallery-documents-preview{height:250px;max-width:340px;width:calc(100% - 2rem);margin-inline:auto}.gallery-sheet{height:215px}.gallery-sheet>b{font-size:2.3rem}.example-card-copy{padding:1.3rem 1.1rem}.example-card h3{font-size:1.3rem}.example-card-copy>p{font-size:.8rem}.example-link-row{gap:.3rem 1.3rem;padding-block:.8rem}.example-link-row>span{width:100%;font-size:.62rem}.example-link-row>a{font-size:.65rem}.example-card-grid{grid-template-columns:1fr}.example-card-grid .example-art{height:185px}.example-card-grid .example-card-copy{padding:1.2rem}.example-card-grid h3{font-size:1.2rem}.gallery-form{padding:1.25rem 1.5rem}.gallery-form>span{font-size:.6rem}.gallery-form>i{font-size:.6rem}.gallery-form b{font-size:.65rem}.gallery-form p{font-size:.55rem}.gallery-form u{font-size:.5rem}.gallery-storage{padding-inline:1.5rem}.gallery-storage p{font-size:.65rem}.gallery-storage b{font-size:.54rem}.gallery-signal{padding:1.5rem;gap:1.3rem}.gallery-signal>span{min-width:54px;height:54px;font-size:.7rem}.gallery-signal b{font-size:1.1rem}.gallery-signal small{font-size:.55rem}.gallery-landscape>span{font-size:.7rem;padding:.8rem}.example-frameworks{grid-template-columns:1fr;gap:1.7rem}.example-frameworks h2{font-size:2.7rem}.framework-stack>a{min-height:88px;gap:1rem}.framework-stack p{font-size:.68rem}.example-evidence-grid{grid-template-columns:1fr}.example-evidence-grid .example-art{height:160px}.example-evidence-grid .example-card h3{font-size:1.2rem}.examples-next{flex-direction:column;align-items:start;gap:1.2rem;padding-block:2.5rem 3rem}.examples-next .eyebrow{font-size:.6rem}.examples-next h2{font-size:2.3rem}.examples-next>div:last-child{width:100%;min-width:0}.examples-next .button{width:100%}}
 @media(prefers-reduced-motion:reduce){.example-card{transition:none}}@media(forced-colors:active){.example-card,.gallery-sheet,.gallery-consent-note,.gallery-checkbox,.framework-monogram{border:1px solid CanvasText}}
}

@layer site { .example-consent-feature{background:#f5f5f7;border-color:#e4e4e8}.example-consent-feature .example-label{border-color:#d9dcf2;color:#6569ad}.gallery-consent-preview{background:#fcfcfd;border-color:#e5e5e8}.gallery-page-lines>b{color:#292a30}.gallery-page-lines>b em{color:#797bd0}.gallery-consent-note{background:#303137;color:#f3f5ff;border-color:#414767}.gallery-consent-note p,.gallery-consent-note small{color:#c4cbe6}.gallery-consent-note>div>i{background:#c8c2f5;color:#303039}.example-tags>span{color:#6569ad}.example-tags>span:before{color:#9095df}.gallery-note-dot{background:#b0b6f5} }

/* @requirements REQ-PRODUCT-MOBILE REQ-PRODUCT-A11Y */
@layer site {
 .guide-nav-mobile{display:none}
 @media(max-width:700px){
  .guide-nav-desktop{display:none}
  .guide-nav-mobile{display:block;border:1px solid var(--line);background:#f7f7f9;border-radius:.8rem;padding:0 1rem}
  .guide-nav-mobile>summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:52px;cursor:pointer;list-style:none;font-size:.88rem;font-weight:550}
  .guide-nav-mobile>summary::-webkit-details-marker{display:none}
  .guide-nav-mobile>summary:focus-visible{outline:3px solid #6668e8;outline-offset:5px;border-radius:.3rem}
  .guide-nav-mobile[open]>summary span{transform:rotate(180deg)}
  .guide-nav-mobile[open]>nav{padding:.4rem 0 1rem;border-top:1px solid var(--line)}
 }
}

/* @requirements REQ-PRODUCT-MOBILE REQ-PRODUCT-A11Y
   Shared product typography and neutral surfaces. */
@layer site {
 :root{--ink:#25262b;--text:#33343a;--muted:#666870;--paper:#fcfcfd;--line:#e5e5e8}
 .site-header{padding-block:1rem;border-bottom:1px solid var(--line)}.site-header .brand{font-size:1.15rem;letter-spacing:-.035em}.site-header .brand img{width:28px;height:28px}.site-header nav{gap:1.5rem}.site-header nav a{font-size:.8125rem}.nav-action{border-radius:6px;padding:.6rem .8rem;background:#fff}.eyebrow{letter-spacing:.08em;font-weight:550}.section{padding-block:4.5rem}.hero{min-height:590px;align-items:center;padding-top:4rem;gap:3rem}.hero h1{letter-spacing:-.05em;font-weight:600;line-height:1.06}.hero-highlight{color:#7b75ba;font-size:1em;letter-spacing:inherit}.hero .lede{font-size:1.05rem;line-height:1.75}.hero-figure{background:none;min-height:450px}.hero .actions .button{gap:1.2rem;border-radius:6px}.paper,.choice-preview{box-shadow:0 4px 24px #24252b0b;border-radius:8px}.paper-front{transform:none;left:14%;top:35px}.paper-back{transform:rotate(-3deg);left:5%;top:8px}.choice-preview{left:1%;top:235px;border-radius:8px}.preview-label{letter-spacing:.06em;font-size:.75rem;text-transform:none}.paper-front h2{font-size:2.2rem;letter-spacing:-.04em}.paper-front .eyebrow{font-size:.7rem}.hero-figure figcaption{font-size:.75rem}.setup,.closing{background:#f7f7f9}.code-panel{background:#202126;border-radius:8px;box-shadow:none}.code-title,.code-panel p{border-color:#393a42}.examples-intro{padding-top:3.5rem}.examples-title-row{gap:3rem}.examples-title-row h1{font-weight:600}.examples-title-row h1 span{color:#7b75ba}.example-card{border-radius:8px;box-shadow:none}.example-card:hover{box-shadow:none;background:#f9f9fb}.example-consent-feature,.example-documents-feature{background:#f7f7f9;border-color:var(--line)}.example-label{border-radius:5px;letter-spacing:.03em}.example-card-top{font-size:.7rem;letter-spacing:.06em}.example-card-copy>p{font-size:.875rem}.example-card-grid .example-card-copy>p{font-size:.8125rem}.example-card-grid h3{font-size:1.125rem}.example-card-grid .example-card-top{font-size:.7rem}.example-card-grid .example-label{font-size:.625rem}.example-card-grid .example-art{height:150px}.example-section-heading h2{font-weight:580}.examples-jumps>a{font-size:.8125rem}.examples-jumps>a span{font-size:.7rem}.prose h1{font-size:clamp(2rem,4vw,2.8rem);letter-spacing:-.04em}.prose h2{font-size:1.5rem}.prose pre{border-radius:6px;background:#f7f7f9}.prose th{background:#f7f7f9}.guide-layout{grid-template-columns:220px minmax(0,1fr);gap:3rem}.guide-nav-desktop{position:sticky;top:24px;align-self:start;max-height:calc(100vh - 48px);overflow:auto;padding-right:16px}.guide-nav nav a{font-size:.8125rem;min-height:36px;padding:.5rem 0}.guide-nav .eyebrow{font-size:.7rem}.site-footer .brand{font-size:1.1rem}.site-footer nav a{font-size:.8125rem}.gallery-consent-note{background:#222329;border-color:#3b3c43}.gallery-consent-note>div>i{background:#c8c2f5;color:#2b2937}.gallery-page-lines>b em{color:#827abd}
 @media(max-width:700px){.site-header nav{gap:.75rem}.site-header nav a{font-size:.75rem;min-height:44px}.section{padding-block:3rem}.hero{padding-top:2.5rem;gap:2rem}.hero-figure{min-height:430px}.hero h1{font-size:clamp(2.8rem,10.5vw,3.75rem)}.hero .lede{font-size:1rem}.guide-layout{gap:1.5rem}.guide-nav-mobile nav a{min-height:44px}.guide-nav-mobile{background:#f7f7f9;border-radius:6px}.examples-title-row h1{font-size:clamp(3rem,12vw,4.25rem)}.example-card-grid .example-card-copy>p{font-size:.875rem}.example-card-top{font-size:.7rem}.example-label{font-size:.625rem}.example-card-grid .example-art{height:175px}.site-footer nav a{min-height:44px}}
}
@layer site {
 .hero .product-figure{min-height:0;align-self:center;min-width:0;margin:0 -3.5rem 0 0;padding:24px 0 24px 24px;background:linear-gradient(135deg,#f0eff7,#f7f7f9 70%);border:1px solid #ecebf1;border-radius:12px}.product-preview{display:block;text-decoration:none;background:#fff;border:1px solid #dedee4;border-right:0;border-radius:8px 0 0 8px;overflow:hidden;box-shadow:0 8px 32px #24252b0a}.product-preview-bar{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted)}.product-preview-bar>span:last-child{margin-left:auto}.product-preview-dot{width:7px;height:7px;border:1.5px solid #8a84b5;border-radius:2px}.product-preview img{display:block;width:100%;height:auto}.product-figure figcaption{position:static;margin:14px 18px 0 0;height:auto;max-height:none;line-height:1.6;font-size:.75rem;display:flex;flex-wrap:wrap;gap:4px 12px;color:var(--muted)}.product-figure figcaption a{font-size:.75rem;min-height:32px;display:inline-flex;align-items:center}
 @media(max-width:1000px){.hero .product-figure{margin-right:-1rem;padding-left:16px}.product-figure figcaption{display:block}}
 @media(max-width:700px){.hero .product-figure{margin:0;width:100%;padding:16px 0 16px 16px;border-radius:8px}.product-figure figcaption{margin-top:12px;font-size:.75rem}.product-figure figcaption a{display:flex;min-height:44px}.product-preview-bar{font-size:.75rem;padding:10px 12px}}
}

@layer site {.example-label,.example-card-grid .example-label{font-size:.75rem}.example-card-top,.example-card-grid .example-card-top{font-size:.75rem}.gallery-sheet{transform:none}.back-sheet{transform:none}.front-sheet{transform:none}}

/* @requirements REQ-PRODUCT-CF-HOST REQ-PRODUCT-MOBILE REQ-PRODUCT-A11Y */
@layer site {
 .topic-directory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:8px;overflow:hidden;gap:1px;background:var(--line)}
 .topic-destination{display:flex;flex-direction:column;min-width:0;padding:1.6rem;background:var(--paper);text-decoration:none;transition:background .15s}
 .topic-destination:hover{background:#f3f3f7}.topic-number{font-size:.75rem;color:#85808f;margin-bottom:1.8rem;font-variant-numeric:tabular-nums}.topic-destination h3{display:flex;justify-content:space-between;gap:1rem;font-size:1.1rem;line-height:1.4;letter-spacing:-.025em;font-weight:550;margin-bottom:.8rem}.topic-destination h3>span{color:#85808f;font-weight:400}.topic-destination>p{font-size:.875rem;color:var(--muted);line-height:1.75;margin:0 0 1rem}.topic-count{font-size:.75rem;color:#85808f;margin-top:auto}
 .home-paths{padding-top:0}.home-paths .section-intro{max-width:38rem;margin-bottom:2rem}.home-paths h2{font-size:clamp(2rem,3.5vw,3rem)}.coverage-strip{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-block:1px solid var(--line);padding-block:2.5rem}.coverage-strip h2{font-size:1.5rem;letter-spacing:-.03em;margin-bottom:.8rem}.coverage-strip .eyebrow{margin-bottom:.6rem}.coverage-strip p:not(.eyebrow){font-size:.875rem;max-width:43rem;color:var(--muted);margin:0}.coverage-strip>a{flex-shrink:0;max-width:18rem;line-height:1.6;min-height:44px;display:flex;align-items:center}
 .examples-basics .example-feature-grid{grid-template-columns:1fr 1fr}.examples-basics .example-card-top{padding-block:1rem}.examples-basics .gallery-consent-preview,.examples-basics .gallery-documents-preview{height:225px;min-height:225px}.examples-basics .gallery-sheet{height:210px}.examples-basics .gallery-sheet>b{font-size:2rem}.examples-basics .gallery-page-lines>b{font-size:2.2rem}.examples-basics .example-card-copy{padding-top:1.25rem}.examples-basics .example-card-copy>p{font-size:.875rem}
 .topic-example-grid>.topic-example:only-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:2rem}.topic-example:only-child>p{grid-column:1;margin-bottom:0}.topic-example:only-child>.topic-actions{grid-column:2;grid-row:1/3;align-self:center;margin:0}
 .examples-category .examples-intro{max-width:60rem;padding-bottom:2rem}.topic-back{min-height:44px;display:inline-flex;align-items:center;font-size:.875rem;margin-bottom:1.5rem}.examples-category h1{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.1;letter-spacing:-.045em;max-width:45rem;margin:.75rem 0 1.4rem}.category-intro{font-size:1.05rem;line-height:1.8;color:var(--muted);max-width:40rem;margin-bottom:1rem}.examples-category .hint{font-size:.8125rem;max-width:38rem}.topic-section{padding-block:0 3rem}.topic-section .example-section-heading{padding-top:1rem}.topic-section .example-section-heading h2{font-size:1.5rem}.topic-example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.topic-example{display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:0}.topic-example :is(h2,h3){font-size:1.125rem;line-height:1.4;font-weight:550;letter-spacing:-.025em;margin:0 0 .8rem}.topic-example>p{font-size:.875rem;line-height:1.8;color:var(--muted);margin-bottom:1rem;max-width:36rem}.topic-actions{display:flex;gap:.4rem 1.5rem;align-items:center;flex-wrap:wrap;margin-top:auto}.topic-actions a{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;font-size:.8125rem;text-decoration:none}.topic-actions a:first-child{font-weight:550}.topic-actions a:last-child{color:var(--muted)}.topic-actions a:hover,.topic-variants a:hover{text-decoration:underline}.topic-variants{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem 1rem;padding-top:.75rem;margin-top:.5rem;border-top:1px solid var(--line)}.topic-variants>span{font-size:.75rem;color:var(--muted)}.topic-variants a{font-size:.8125rem;min-height:44px;display:inline-flex;align-items:center}.topic-next{border-top:1px solid var(--line)}.topic-next h2{font-size:1.35rem}.topic-next nav{display:flex;flex-wrap:wrap;gap:.3rem 2rem}.topic-next nav a{min-height:44px;display:flex;align-items:center;gap:.7rem;font-size:.875rem}.section-alias{scroll-margin-top:2rem}
 .guide-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem .8rem;margin-bottom:1.5rem;color:var(--muted);font-size:.8125rem}.guide-breadcrumb a{font-size:inherit;min-height:32px;display:flex;align-items:center}.guide-breadcrumb>span{color:#aaa5b2}.guide-nav nav{gap:0}.guide-nav .guide-overview{font-weight:550;border-bottom:1px solid var(--line);padding-bottom:1rem;margin-bottom:.5rem}.guide-nav .guide-group{padding:0;margin:0;border:0;background:transparent}.guide-nav .guide-group>summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;list-style:none;font-size:.8125rem;line-height:1.5;min-height:44px;color:var(--muted);cursor:pointer}.guide-group>summary::-webkit-details-marker{display:none}.guide-group>summary:after{content:'+';font-size:.9rem;color:#97919f}.guide-group[open]>summary:after{content:'−'}.guide-group[open]>summary{color:var(--ink);font-weight:550}.guide-group>div{display:flex;flex-direction:column;border-left:1px solid var(--line);padding-left:.85rem;margin-left:.2rem;margin-bottom:.6rem}.guide-nav .guide-group a{font-size:.8125rem;line-height:1.55;min-height:36px;padding:.45rem .5rem;border-radius:4px}.guide-nav a[aria-current=page]{color:#5950a7;background:#efedf7;font-weight:550}.guide-nav summary:focus-visible{outline:3px solid #6668e8;outline-offset:2px;border-radius:4px}
 .guide-hub-intro{padding-bottom:1.5rem}.guide-hub-intro>p:not(.eyebrow){max-width:42rem;font-size:1rem;color:var(--muted)}.guide-hub-intro .button{font-size:.875rem}.guide-topic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.guide-topic{border:1px solid var(--line);border-radius:7px;padding:1.4rem;scroll-margin-top:2rem;min-width:0}.prose .guide-topic h2{font-size:1.125rem;line-height:1.4;margin:0 0 .75rem;letter-spacing:-.025em}.guide-topic p{font-size:.875rem;color:var(--muted);line-height:1.75;margin-bottom:.75rem}.guide-topic ul{list-style:none;padding:0;margin:0 0 1rem}.guide-topic li,.guide-topic a{font-size:.8125rem}.guide-topic li a{min-height:36px;display:inline-flex;align-items:center}.guide-group-all,.guide-group-examples{display:flex;align-items:center;min-height:44px;line-height:1.6;gap:.5rem}.guide-group-examples{color:var(--muted)}.guide-hub-reference{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1rem}.guide-hub-reference a{display:inline-flex;align-items:center;min-height:44px;font-size:.875rem;margin-right:1.5rem}.guide-index-jumps{display:flex;flex-wrap:wrap;gap:.25rem 1.5rem;border-block:1px solid var(--line);padding:.75rem 0}.guide-index-jumps a{font-size:.8125rem;min-height:44px;display:flex;align-items:center}.guide-index-section{scroll-margin-top:2rem;border-bottom:1px solid var(--line);padding-bottom:2rem}.guide-index-links{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}.prose .guide-index-links li{font-size:.875rem}.guide-index-links a{display:inline-flex;align-items:center;min-height:44px}.verification-index{border:1px solid var(--line);border-radius:6px;padding:.2rem 1rem}.verification-index>summary{min-height:48px;cursor:pointer;font-size:.875rem;align-content:center}.verification-index>summary span{color:var(--muted);margin-left:.5rem;font-size:.75rem}
 @media(max-width:1000px){.topic-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.home-paths .topic-directory{grid-template-columns:1fr}.coverage-strip{align-items:start;flex-direction:column}.topic-directory .topic-number{margin-bottom:1.2rem}}
 @media(max-width:700px){.topic-directory,.topic-example-grid,.guide-topic-grid,.guide-index-links{grid-template-columns:minmax(0,1fr)}.topic-destination{padding:1.4rem}.topic-number{margin-bottom:1rem}.examples-jumps{grid-template-columns:1fr 1fr}.examples-basics .example-feature-grid{grid-template-columns:minmax(0,1fr)}.examples-basics .gallery-documents-preview{max-width:22rem}.topic-example{padding:1.25rem}.topic-example-grid>.topic-example:only-child{display:flex;flex-direction:column;gap:.5rem}.topic-example:only-child>.topic-actions{margin-top:.5rem}.topic-section{padding-bottom:2rem}.examples-category .examples-intro{padding-bottom:1.5rem}.category-intro{font-size:1rem}.topic-actions a,.topic-variants a{font-size:.875rem}.topic-variants>span{width:100%}.topic-next nav{flex-direction:column;align-items:stretch}.guide-nav-mobile .guide-group{padding:.5rem 0 1rem}.guide-nav-mobile .guide-group h2{font-size:.875rem;line-height:1.5;font-weight:550;margin:.7rem 0 .5rem;letter-spacing:-.015em}.guide-nav-mobile .guide-group>div{margin:0;padding:0;border:0}.guide-nav-mobile .guide-group a{min-height:44px;font-size:.875rem;padding:.55rem .5rem}.guide-nav-mobile nav{display:flex;align-items:stretch;flex-direction:column}.guide-topic{padding:1.25rem}.guide-topic li a{min-height:44px}.guide-breadcrumb a{min-height:44px}.guide-hub-intro{padding-bottom:.5rem}}
 @media(max-width:360px){.site-header nav{width:100%;gap:.5rem;justify-content:space-between}.site-header .nav-action{padding-inline:.5rem}.site-header .nav-action span{padding-left:.25rem}}
 @media(prefers-reduced-motion:reduce){.topic-destination{transition:none}}@media(forced-colors:active){.topic-destination,.topic-example,.guide-topic,.verification-index{border:1px solid CanvasText}.guide-nav a[aria-current=page]{outline:1px solid CanvasText}}
}

/* @requirements REQ-PRODUCT-CF-HOST REQ-PRODUCT-MOBILE REQ-PRODUCT-A11Y
   Ordered learning paths and area pages share the same task hierarchy. */
@layer site {
 .home-start{padding-top:1rem}.home-start .section-intro{max-width:40rem;margin-bottom:2rem}.home-start h2{font-size:clamp(2rem,3.5vw,3rem)}
 .starter-path{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;margin:0;border:1px solid var(--line);border-radius:9px;background:#fff;overflow:hidden}
 .starter-path>li{min-width:0}.starter-path>li+li{border-left:1px solid var(--line)}.starter-path a{display:flex;align-items:start;gap:1rem;padding:1.5rem;text-decoration:none;height:100%}.starter-path a:hover{background:#f6f5fa}.starter-path a>span:nth-child(2){display:flex;flex-direction:column;gap:.65rem}.starter-path strong{font-size:.95rem;font-weight:550;line-height:1.5}.starter-path a>span:nth-child(2)>span{font-size:.8125rem;color:var(--muted);line-height:1.8}.path-step{font-size:.75rem;color:#79738f;font-variant-numeric:tabular-nums;line-height:2;flex-shrink:0}.starter-path a>span:last-child{margin-left:auto;color:#79738f;font-size:.875rem;line-height:1.6}
 .prose .guide-first-steps h2{font-size:1.125rem;margin:0 0 1rem}.guide-first-steps{padding:.5rem 0 1rem}.guide-first-steps .starter-path{grid-template-columns:1fr}.guide-first-steps .starter-path>li+li{border-left:0;border-top:1px solid var(--line)}.guide-first-steps .starter-path a{padding:1rem 1.25rem}.guide-first-steps .starter-path a>span:nth-child(2){gap:.25rem}.guide-first-steps .starter-path strong{font-size:.875rem}
 .guide-topic h3{font-size:1.125rem;line-height:1.4;margin:0 0 .75rem;letter-spacing:-.025em}.guide-topic .guide-area-preview{font-size:.8125rem;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:1rem}.guide-topic-grid{margin-top:1rem}.guide-topic{display:flex;flex-direction:column}.guide-topic .guide-group-all{margin-top:auto}
 .guide-area-intro .text-link{display:inline-flex;min-height:44px;align-items:center}.guide-area-group{padding:2rem 0 1rem;border-bottom:1px solid var(--line);scroll-margin-top:1.5rem}.guide-area-heading{display:flex;gap:1rem}.guide-area-heading .path-step{padding-top:.15rem}.prose .guide-area-heading h2{margin:0 0 .5rem;font-size:1.25rem;line-height:1.4}.guide-area-heading p{font-size:.875rem;color:var(--muted);margin-bottom:.5rem}.guide-area-group .guide-index-links{margin-top:.5rem;margin-left:2.1rem}.guide-area-back{display:flex;flex-wrap:wrap;gap:.5rem 2rem;border-top:1px solid var(--line);margin-top:2rem;padding-top:1rem}.guide-area-back a{display:flex;align-items:center;min-height:44px;font-size:.8125rem}.guide-area-group+.verification-index{margin-top:1.5rem}
 .guide-context{border-top:1px solid var(--line);margin-top:3rem;padding-top:1.5rem}.guide-context .eyebrow{font-size:.7rem;margin-bottom:1rem}.guide-context nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.guide-context nav a{display:flex;flex-direction:column;gap:.4rem;border:1px solid var(--line);border-radius:7px;padding:1rem;text-decoration:none;min-width:0;line-height:1.7}.guide-context nav a:hover{background:#f5f4f9}.guide-context small{font-size:.7rem;color:var(--muted)}.guide-context nav span{font-size:.8125rem;overflow-wrap:anywhere}
 .category-jumps{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem 1.5rem;border-top:1px solid var(--line);margin-top:1.5rem;padding-top:.75rem}.category-jumps a{display:flex;align-items:center;min-height:44px;font-size:.8125rem}.topic-section .example-section-heading .eyebrow{margin:0 0 .4rem}.topic-section .example-section-heading h2{line-height:1.4}.topic-section{scroll-margin-top:1.5rem}
 @media(max-width:900px){.home-start .starter-path{grid-template-columns:1fr}.home-start .starter-path>li+li{border-left:0;border-top:1px solid var(--line)}}
 @media(max-width:700px){.starter-path a{padding:1.25rem}.starter-path strong{font-size:.9375rem}.starter-path a>span:nth-child(2)>span{font-size:.875rem}.guide-context nav{grid-template-columns:1fr}.guide-area-group .guide-index-links{margin-left:0}.guide-area-back{flex-direction:column;gap:0}.category-jumps{gap:0 1rem}.category-jumps a{font-size:.875rem}.guide-nav-mobile .guide-group h2>a{padding:0;min-height:44px}.guide-nav-mobile .guide-group{padding:0}.guide-nav-mobile .guide-group h2{margin:.25rem 0}.guide-nav-mobile .guide-group>div{padding-bottom:.75rem}}
 @media(prefers-reduced-motion:reduce){.starter-path a{transition:none}}@media(forced-colors:active){.starter-path,.guide-context nav a{border:1px solid CanvasText}}
}
@layer site {
 .guide-nav-subgroup{display:flex;flex-direction:column;margin:.5rem 0 .25rem}.guide-nav-subgroup>p{font-size:.6875rem;color:var(--muted);line-height:1.6;margin:.35rem .5rem .25rem}.guide-nav .guide-nav-subgroup a{padding-left:.5rem}.guide-breadcrumb>span[aria-current]{color:var(--muted)}
}