.detail-entry{display:grid;gap:8px;margin-top:14px}.detail-badge{font-size:14px;font-weight:700;color:#0f4c81}.detail-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:end;padding:20px;background:#fff;border:1px solid #e7e3da;border-radius:14px;margin-bottom:20px}.detail-toolbar label{display:grid;gap:8px;min-width:0;flex:1 1 220px}.detail-toolbar select{width:100%;min-height:48px;font:inherit;color:inherit;background:#fff;padding:10px;border:1px solid #536171;border-radius:9px}.detail-devices{display:flex;gap:8px;flex-wrap:wrap}.detail-devices [aria-pressed="true"]{background:#0f4c81;color:#fff}.detail-frame-host{max-width:100%;overflow:hidden;background:#f4f1ea;border:1px solid #e7e3da}.detail-frame-host iframe{display:block;border:0}.detail-return{display:inline-flex;align-items:center;min-height:48px;margin-bottom:16px}.detail-disclosure{padding:18px;background:#f4f1ea;border-left:4px solid #0f4c81;font-size:16px;line-height:1.8}.detail-editor-link:empty{display:none}.detail-editor-link{margin-bottom:20px;max-width:440px}#detail-version{font-size:14px;color:#536171}#detail-help{font-size:14px;line-height:1.8}@media(max-width:720px){.detail-toolbar{padding:16px}.detail-devices{width:100%}.detail-devices button{flex:1}.detail-disclosure{padding:14px}}@media print{#detail-view{display:none!important}}

/* Detail sample catalogue: only the wrapper, never the embedded sample styles. */
.sample-intro{margin:48px 0}.sample-intro>h2{border-left:4px solid var(--gold);padding-left:16px}.sample-invitation{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:32px;margin-top:24px;background:var(--white);border:1px solid var(--line);border-radius:20px}.sample-invitation h3{font-size:24px;line-height:1.5;margin:12px 0}.sample-invitation p{margin-bottom:20px}.sample-invitation .primary{display:inline-flex;text-align:center;white-space:normal}.sample-mosaic{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.sample-caption{color:var(--muted);font-size:14px;line-height:1.8;margin:12px 0 24px}.sample-summary{font-weight:700}.sample-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.sample-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--white);display:flex;flex-direction:column}.sample-screenshot{display:block;width:100%;height:auto;aspect-ratio:8/5;object-fit:contain;background:var(--paper);border-bottom:1px solid var(--line)}.sample-card-body{padding:24px;display:flex;flex-direction:column;flex:1}.sample-card h2{font-size:21px;line-height:1.55;margin:10px 0}.sample-card-body>p{margin-bottom:16px}.sample-card .secondary{margin-top:auto;text-align:center;display:block}.sample-end{padding:32px 0;border-top:1px solid var(--line);margin-top:40px}.sample-end p{margin:12px 0 20px}
.sample-sketch{--sketch-ink:#264b69;--sketch-paper:#f5f2ec;aspect-ratio:16/10;background:var(--sketch-paper);padding:8%;overflow:hidden;border:1px solid #e7e3da}.sketch-nav{display:flex;gap:5%;height:7%;margin-bottom:10%;border-bottom:1px solid #bdb9b2}.sketch-nav i{display:block;background:var(--sketch-ink);width:10%;height:35%}.sketch-nav i:first-child{width:25%;margin-right:auto}.sketch-hero{display:grid;grid-template-columns:1fr 1fr;gap:8%;height:48%}.sketch-copy{display:flex;flex-direction:column;justify-content:center;gap:12%}.sketch-copy b{height:10%;background:var(--sketch-ink)}.sketch-copy b:nth-child(2){width:70%}.sketch-copy i{width:35%;height:12%;background:var(--sketch-ink);margin-top:8%;border-radius:8px}.sketch-image{background:var(--sketch-ink);opacity:.22}.sketch-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;height:22%;margin-top:10%}.sketch-tiles i{background:var(--sketch-ink);opacity:.16}
.sketch-A04{--sketch-ink:#4d6751;--sketch-paper:#f2f0e5}.sketch-A04 .sketch-hero{grid-template-columns:1fr 2fr}.sketch-B07{--sketch-ink:#607b72;--sketch-paper:#f5f6ef}.sketch-B07 .sketch-image{border-radius:50%}.sketch-B07 .sketch-tiles i{border-radius:12px}.sketch-B09{--sketch-ink:#997252;--sketch-paper:#fff8ed}.sketch-B09 .sketch-image{border-radius:40% 40% 8% 8%}.sketch-B09 .sketch-tiles{grid-template-columns:1fr;height:26%;gap:12%}.sketch-C03{--sketch-ink:#796758;--sketch-paper:#f0ebe3}.sketch-C03 .sketch-hero{grid-template-columns:1fr 1.6fr}.sketch-C03 .sketch-image{transform:rotate(-5deg)}.sketch-C05{--sketch-ink:#445d42;--sketch-paper:#f1efe3}.sketch-C05 .sketch-hero{grid-template-columns:1.5fr 1fr}.sketch-C05 .sketch-image{border-radius:50% 50% 0 0}.sketch-D06{--sketch-ink:#536780;--sketch-paper:#edf1f7}.sketch-D06 .sketch-hero{grid-template-columns:1fr}.sketch-D06 .sketch-image{display:none}.sketch-D06 .sketch-tiles i{border-radius:8px}.sketch-D08{--sketch-ink:#715c43;--sketch-paper:#f3eee5}.sketch-D08 .sketch-tiles{grid-template-columns:repeat(4,1fr)}.sketch-D08 .sketch-tiles:after{content:'';background:var(--sketch-ink);opacity:.16}.sketch-E02{--sketch-ink:#ac694b;--sketch-paper:#fff0e3}.sketch-E02 .sketch-image{border-radius:40%;transform:rotate(10deg)}.sketch-E02 .sketch-copy b{height:15%}.sketch-F01{--sketch-ink:#a9cbdf;--sketch-paper:#102539}.sketch-F01 .sketch-image{border:1px solid var(--sketch-ink);opacity:.8;background:transparent}.sample-mosaic .sample-sketch{border-radius:6px}
@media(max-width:1100px){.sample-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-invitation{grid-template-columns:1fr}.sample-mosaic{max-width:600px}}
@media(max-width:640px){.sample-cards{grid-template-columns:minmax(0,1fr)}.sample-invitation{padding:20px;gap:12px}.sample-card-body{padding:20px}.sample-mosaic{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.sample-invitation h3{font-size:21px}}
@media print{#samples-view,.sample-intro{display:none!important}}