:root{--navy:#1c2947;--ink:#122031;--green:#356904;--pale:#eaf6de;--paper:#f7f9f7;--line:#d5ddd7;--muted:#52605d;--radius:12px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:white;font-family:Inter,Arial,sans-serif;line-height:1.6}a{color:var(--green);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c75c1b;outline-offset:4px}h1,h2,h3{color:var(--navy);line-height:1.15;letter-spacing:-.03em}h1{font-size:clamp(2.1rem,5vw,4.3rem);margin:.8rem 0 1.25rem;font-weight:600}h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600}h3{font-size:1.2rem;font-weight:600}p{margin:0 0 1rem}.container{width:min(1160px,90%);margin-inline:auto}.skip-link{position:absolute;top:-100px;left:1rem;z-index:10;padding:.8rem;background:white}.skip-link:focus{top:1rem}.review-banner{background:#fff0ce;border-bottom:1px solid #ddc789;padding:.7rem 5%;font-size:.85rem;display:flex;gap:.6rem;flex-wrap:wrap}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;justify-content:space-between;align-items:center;padding:1.4rem 0;gap:2rem}.brand{display:flex;flex-direction:column;text-decoration:none;color:var(--navy);gap:.2rem;flex-shrink:0}.brand img{max-width:160px;height:auto}.brand span{font-size:.85rem}.header-inner nav{display:flex;gap:1.2rem;flex-wrap:wrap}.header-inner nav a{font-size:.9rem;color:var(--navy);text-decoration:none}.hero{background:var(--navy);color:white;padding:4rem 0}.hero h1{color:white}.hero p{max-width:650px;font-size:1.15rem}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hero .eyebrow{color:#b5d19b}.page-section{padding:3rem 0}.page-hero{background:#f3f3eb;padding:2rem 0 2.8rem;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(2rem,4vw,3.2rem)}.page-hero p{max-width:760px}.search-form{max-width:740px;margin-top:2rem}.search-form label{display:block;font-weight:600;margin-bottom:.5rem}.search-row{display:flex;gap:.6rem}.search-row input{width:100%;min-width:0;border:1px solid #81918b;border-radius:6px;padding:.85rem 1rem;font:inherit;background:white;color:var(--ink)}button,.button{display:inline-block;border:0;border-radius:6px;background:var(--green);color:white;padding:.85rem 1.3rem;font:inherit;font-weight:600;text-decoration:none;cursor:pointer}.hero button{background:#b5d19b;color:var(--navy)}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.topic-card{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;text-decoration:none;color:var(--ink);transition:background .15s}.topic-card:hover{background:var(--paper)}.topic-card h3,.topic-card h2{margin:0 0 .8rem}.topic-card p{font-size:.95rem;color:var(--muted)}.link-label{margin-top:auto;color:var(--green);font-weight:600;font-size:.9rem}.split-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:1rem 0 2rem}.contact-panel{background:var(--pale);padding:3rem 0}.contact-panel h2{margin-top:0}.text-link{margin-left:1.4rem}.site-footer{background:var(--navy);color:white;padding:2.5rem 0}.footer-inner{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap}.footer-inner p{font-size:.9rem;color:#d2d4da}.footer-inner nav{display:flex;gap:1.2rem;flex-wrap:wrap}.footer-inner a{color:white;font-size:.9rem}.breadcrumbs{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.85rem;margin-bottom:1.5rem;color:var(--muted)}.topic-nav{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0 2rem}.topic-nav a{border:1px solid var(--line);padding:.5rem .85rem;border-radius:6px;text-decoration:none}.topic-nav a[aria-current]{background:var(--pale);font-weight:700}.article-list{padding:0;list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.article-list li{min-width:0}.article-list a{display:flex;flex-direction:column;height:100%;padding:1.4rem;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;color:var(--ink)}.article-list a:hover{background:var(--paper)}.article-list h3{margin:.5rem 0 .75rem}.article-list p{font-size:.92rem;color:var(--muted)}.article-shell{padding:2rem 0 3rem}.article-grid{display:grid;grid-template-columns:minmax(0,780px) minmax(180px,1fr);gap:3rem}.article-content{min-width:0}.article-content h1{font-size:clamp(2rem,4vw,3.2rem);overflow-wrap:anywhere}.article-review{background:#fff7e5;padding:1rem 1.2rem;border-left:3px solid #c39a3d;margin:1.5rem 0;font-size:.9rem}.article-review p:last-child{margin-bottom:0}.prose{font-size:1.05rem;overflow-wrap:anywhere}.prose h2{margin:2.3rem 0 1rem;scroll-margin-top:2rem}.prose h3{margin:1.7rem 0 .7rem;scroll-margin-top:2rem}.prose img{display:block;max-width:100%;height:auto;margin:1rem auto;border:1px solid var(--line);border-radius:6px}.prose figure{margin:1.5rem 0}.prose figcaption{font-size:.85rem;color:var(--muted)}.prose table{display:block;overflow:auto;border-collapse:collapse;max-width:100%;font-size:.95rem}.prose td,.prose th{padding:.7rem;border:1px solid var(--line);min-width:130px}.prose th{background:var(--paper)}.prose pre{overflow:auto;background:var(--paper);padding:1rem}.contents nav{position:sticky;top:2rem;border-left:1px solid var(--line);padding-left:1.2rem;font-size:.85rem}.contents h2{font-size:1rem}.contents ul{list-style:none;padding:0}.contents li{margin:.7rem 0}.contents a{text-decoration:none}.article-contact{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.5rem}.article-contact h2{font-size:1.4rem}.related{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.5rem}.related li{margin:.7rem 0}.search-filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1.5rem}.search-filters label{display:flex;flex-direction:column;font-size:.9rem;gap:.4rem}.search-filters select{font:inherit;padding:.6rem;border:1px solid #81918b;border-radius:6px}.search-results{list-style:none;padding:0;max-width:850px}.search-results li{border-bottom:1px solid var(--line);padding:1.3rem 0}.search-results h2{font-size:1.3rem;margin:0 0 .5rem}.search-results p{color:var(--muted);font-size:.95rem}.search-results .result-kind{font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.empty-state{padding:1.5rem;background:var(--paper);border-radius:var(--radius);margin:1.5rem 0}.article-date{color:var(--muted);font-size:.85rem}@media(max-width:900px){.header-inner{align-items:flex-start;flex-direction:column;gap:1rem}.topic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-grid{display:flex;flex-direction:column;gap:1rem}.contents{order:-1}.contents nav{position:static}.contents ul{columns:2}.hero{padding:3rem 0}}@media(max-width:560px){.topic-grid,.split-cards,.article-list{grid-template-columns:1fr}.header-inner nav{gap:.6rem 1rem}.container{width:90%}.hero{padding:2.3rem 0}.search-row{flex-direction:column}.search-row button{min-height:48px}.page-section{padding:2rem 0}.contents ul{columns:1}.text-link{display:inline-block;margin:1rem 0 0}.breadcrumbs{font-size:.8rem}.footer-inner{flex-direction:column}.footer-inner nav{flex-direction:column}.prose{font-size:1rem}.search-filters{flex-direction:column}.topic-nav a{font-size:.9rem}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.contents summary{cursor:pointer;font-weight:600;color:var(--navy);padding:.5rem 0;min-height:44px}.contents summary:focus-visible{outline:3px solid #c75c1b;outline-offset:4px}.search-filters label{display:block;margin-bottom:.4rem}.search-filters select{min-height:44px}

/* Source-selector icons replace list bullets and align with each explanation. */
.prose .source-selectors{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.8rem}.prose .source-selectors li{display:flex;align-items:flex-start;gap:.75rem;margin:0}.prose .source-selectors img{display:block;width:32px;height:32px;max-width:32px;flex:0 0 32px;object-fit:contain;margin:0;border:0;border-radius:0}.prose .source-selectors span{padding-top:.25rem}


/* Reusable shaded prompt examples, matching the legacy guide treatment. */
.prose .example-box{margin:.75rem 0 1.25rem;padding:.9rem 1.1rem;background:var(--paper);border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--radius)}.prose .example-box__label{margin:0 0 .35rem;color:var(--navy)}.prose .example-box p:last-child{margin:0}.prose .example-box em{line-height:1.65}


/* Shaded steps and tips callouts. */
.prose blockquote{margin:1.25rem 0;padding:1rem 1.2rem;background:#f3f3eb;border-left:4px solid var(--green);border-radius:var(--radius)}.prose blockquote>:first-child{margin-top:0}.prose blockquote>:last-child{margin-bottom:0}.prose blockquote h2{margin:.1rem 0 .75rem;font-size:1.25rem}

/* Reusable callout for knowledge-base use cases. */
.prose .use-cases-callout{margin:1rem 0;padding:1rem 1.2rem;background:#f3f3eb;border:1px solid var(--line);border-left:4px solid var(--green);border-radius:var(--radius)}.prose .use-cases-callout__label{margin:0 0 .45rem;color:var(--navy)}.prose .use-cases-callout ul{margin:.25rem 0 0;padding-left:1.3rem}.prose .use-cases-callout li+li{margin-top:.45rem}

