.breadcrumb{font-size:.85rem;color:var(--muted);padding:1.4rem 0 .5rem;overflow-wrap:anywhere}.guide-intro{padding:1.4rem 0 2.5rem;max-width:850px}.guide-intro .page-title{font-size:clamp(2rem,6.5vw,4rem);max-width:20ch}.guide-intro .lede{max-width:60ch}.guide-intro .fine-print{max-width:75ch}.guide-note{border:1px dashed var(--line);border-radius:12px;padding:1.4rem 1.5rem;min-width:0}.guide-note p{color:var(--muted)}.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:10px;background:white;margin:1.4rem 0}table{width:100%;min-width:26rem;border-collapse:collapse;font-size:1rem;table-layout:fixed}th,td{text-align:left;vertical-align:top;padding:1rem;border-bottom:1px solid var(--line);overflow-wrap:anywhere}thead th{background:var(--soft)}th:first-child{width:32%}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}.checklist{padding-left:1.6rem;max-width:85ch}.checklist li{padding-left:.3rem;margin:1.1rem 0;overflow-wrap:anywhere}.enquiry{max-width:80ch}blockquote{margin:1.5rem 0;padding:1.2rem 1.5rem;border-left:4px solid #896d4e;background:white;font-size:1.04rem;overflow-wrap:anywhere}.app-example{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:3rem;align-items:center}.app-example>div{min-width:0}.app-example .app-screen{max-width:280px}.source-note{color:var(--muted);max-width:85ch}.source-note h2{font-size:1.4rem}
@media(max-width:600px){.guide-intro{padding-top:1rem}.guide-intro .page-title{font-size:clamp(1.5rem,8vw,3rem);max-width:100%}.app-example{grid-template-columns:1fr;gap:1.5rem}.app-example .app-screen{max-width:min(270px,100%)}th,td{padding:.7rem;font-size:.9rem}th:first-child{width:38%}blockquote{padding:.9rem 1rem}.app-example .button{width:100%}}