/* Service pages share the site typography and cover styles. */
.sample-section{padding:88px 0}.sample-section p,.sample-section li{font:400 18px/1.65 var(--type-body)}.sample-section h2{line-height:1.02;margin:16px 0 28px;text-wrap:balance}.sample-section h3{line-height:1.1;margin:12px 0 18px}.sample-section p{max-width:66ch}.sample-label{font:700 15px/1.5 var(--type-body);letter-spacing:.08em;color:#91462d}.sample-lead{max-width:750px;margin-bottom:44px}.sample-split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.sample-paper{background:#f1e3d2}.sample-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.sample-caption{font:400 14px/1.6 var(--type-body);display:block;margin-top:12px;color:#665043}.sample-icon{width:42px;height:42px;stroke:currentColor;stroke-width:1.5;fill:none;color:#91462d;flex-shrink:0}.step-nav{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #cbb6a0;border-bottom:1px solid #cbb6a0;margin:32px 0}.step-nav button{border:0;border-right:1px solid #cbb6a0;padding:24px 16px;background:transparent;text-align:left;color:#332219;font:500 16px/1.5 var(--type-body);cursor:pointer}.step-nav button span{display:block;margin-top:12px}.step-nav button[aria-pressed=true]{background:#38251b;color:#fff7ed}.step-nav button[aria-pressed=true] svg{color:#f2b06d}.sample-section :focus-visible{outline:3px solid #91462d;outline-offset:5px}.method-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start}.method-number{font:500 76px/1 var(--type-display);color:#a45135}.artifact{background:#fffaf3;border:1px solid #cbb6a0;padding:32px;box-shadow:10px 12px 0 #deccb8}.artifact-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid #cbb6a0;font:700 15px/1.5 var(--type-body)}.artifact-row{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid #dfd1c0;font:400 16px/1.6 var(--type-body)}.artifact-row strong{min-width:90px;color:#80402a}.sample-list{padding:0;list-style:none}.sample-list li{padding:18px 0;border-bottom:1px solid #cbb6a0;display:flex;gap:20px}.flow{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin:36px 0}.flow-node{position:relative;border-top:2px solid #b36a46;padding:24px 0}.flow-node:not(:last-child):after{content:'→';position:absolute;right:-22px;top:24px;font-size:26px;color:#91462d}.flow-node strong{display:block;font:600 24px/1.3 var(--type-body);margin-top:20px}.flow-node p{font-size:16px}.exception{border-left:3px solid #91462d;padding:14px 24px;background:#e5d2bc;max-width:750px}.contrast-pair{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid #cbb6a0}.contrast-pair>div{padding:36px}.contrast-pair>div+div{background:#f1e3d2}.sample-app{background:#fffaf3;border:1px solid #c5ac92;border-radius:10px;overflow:hidden;box-shadow:14px 16px 0 #e1cdb6}.app-top{padding:20px;background:#36271f;color:#fff4e6;display:flex;justify-content:space-between;font:600 16px/1.5 var(--type-body)}.app-tabs{display:flex;gap:20px;padding:20px;border-bottom:1px solid #d6c4b0;font:500 16px/1.4 var(--type-body)}.app-tabs strong{border-bottom:2px solid #ac5635;padding-bottom:8px}.app-body{padding:24px}.app-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 0;border-bottom:1px solid #d6c4b0;font:400 16px/1.5 var(--type-body)}.app-state{border-radius:4px;background:#e5eedf;color:#365537;padding:4px 10px;align-self:center}.sample-app p{font-size:15px}.build-stage{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:24px 0;border-top:1px solid #cbb6a0}.build-stage>span{font:500 48px/1 var(--type-display);color:#91462d}.sample-section details{border-top:1px solid #c7ac93;padding:20px 0}.sample-section summary{font:600 18px/1.5 var(--type-body);cursor:pointer}.sample-close{background:#c67852}.sample-close p{color:#302219}.sample-small{font-size:15px!important}.sample-section [hidden]{display:none!important}@media(max-width:800px){.sample-split,.method-detail,.contrast-pair{grid-template-columns:1fr;gap:32px}.sample-section{padding:54px 0}.step-nav{grid-template-columns:1fr 1fr}.step-nav button:last-child{grid-column:1/-1}.flow{grid-template-columns:1fr 1fr}.flow-node:nth-child(2):after{display:none}.artifact{padding:22px;box-shadow:6px 8px 0 #deccb8}.artifact-row{flex-wrap:wrap}.sample-app{box-shadow:6px 8px 0 #e1cdb6}.sample-section p{font-size:16px}.sample-section h2{overflow-wrap:normal}.app-row{grid-template-columns:1fr}.sample-section .shell{min-width:0}.contrast-pair>div{padding:24px}}@media(max-width:700px){.flow{gap:22px}.flow-node strong{font-size:20px}.sample-section h3{font-size:32px!important}.sample-icon{width:36px;height:36px}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* Keep the terracotta closing panel readable, including italic headings. */
.sample-close h2, .sample-close h2 em, .sample-close p { color: #241711 !important; }
.sample-close h2 { max-width: 1000px; }