.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem}
.btn-row{display:flex;gap:.5rem}
.btn{padding:.45rem .8rem;border:1px solid var(--border);background:var(--card);color:var(--text);border-radius:.5rem;font:inherit;cursor:pointer}
.btn:hover{background:var(--accent-soft)}
.grid{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:start}
@media(min-width:42rem){.grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:75rem){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--card);border:1px solid var(--border);border-radius:.75rem;overflow:hidden}
.card.open{grid-column:1/-1}
.card-head{width:100%;display:flex;gap:.6rem;align-items:center;text-align:left;padding:.8rem;border:0;background:transparent;color:inherit;font:inherit;cursor:pointer}
.card-head:hover{background:var(--accent-soft)}
.badge{flex:none;background:linear-gradient(135deg,var(--num-1),var(--num-2));color:var(--num-on);border-radius:.4rem;padding:.1rem .5rem;font-size:.8rem;font-weight:600}
.card-title{flex:1;font-weight:600}
.chev{transition:transform .2s}.open>.card-head .chev,[aria-expanded="true"] .chev{transform:rotate(90deg)}
.warn{background:var(--warn-bg);color:var(--warn-text);border-radius:.4rem;padding:.1rem .45rem;font-size:.75rem}
.flag-banner{background:var(--warn-bg);color:var(--warn-text);padding:.5rem .75rem;border-radius:.5rem;font-size:.9rem}
.card-body{padding:0 .8rem .8rem}
.card-tools{display:flex;gap:.5rem;margin:.25rem 0 .5rem}
.sec{border-top:1px solid var(--border)}
.sec-head{width:100%;display:flex;gap:.5rem;align-items:center;text-align:left;padding:.6rem .2rem;border:0;background:linear-gradient(90deg,var(--sub-1),var(--sub-2));-webkit-background-clip:text;background-clip:text;color:var(--sub-1);-webkit-text-fill-color:transparent;font:inherit;font-weight:600;cursor:pointer}
.sec-head .warn{-webkit-text-fill-color:var(--warn-text)}
.sec-body{padding:.2rem .4rem .8rem}
.sec-body table,.sec-body td,.sec-body th{border:1px solid var(--border);border-collapse:collapse;padding:.35rem .5rem}
.sec-body table{display:block;overflow-x:auto;max-width:100%}
.numbered{list-style:none;padding-left:0}
.numbered .numbered{padding-left:1.25rem;margin-top:.3rem}
.numbered>li{margin:.35rem 0}
.diagram-ph{background:var(--diag-bg);border:2px dashed var(--border);padding:.8rem;border-radius:.5rem;margin:.6rem 0}
.footnote{color:var(--muted);font-size:.8rem;margin-top:.6rem}
.breadcrumb{font-size:.85rem;color:var(--muted);min-height:1.2rem;margin-bottom:.5rem}
.results{background:var(--card);border:1px solid var(--border);border-radius:.75rem;padding:.75rem;margin-bottom:1rem}
.results mark{background:#ffe27a;color:#222;padding:0 .1em}
.pending-list{columns:2 16rem;list-style:none;padding:0}
.pending-list li{padding:.15rem 0;font-size:.9rem}
.to-top{position:fixed;right:1rem;bottom:1rem;width:2.8rem;height:2.8rem;border-radius:50%;border:0;background:var(--accent);color:#fff;font-size:1.2rem;cursor:pointer;z-index:45}
dialog{max-width:36rem;background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:.75rem}
.muted{color:var(--muted)}
.results h3{font-size:1rem}
.res-item{display:block;width:100%;text-align:left;padding:.5rem .6rem;margin:.3rem 0;border:1px solid var(--border);border-radius:.5rem;background:var(--card);color:inherit;font:inherit;cursor:pointer}
button.res-item:hover{background:var(--accent-soft)}
.res-pending{opacity:.85}
.res-ppg{margin:.8rem 0}
.res-path{display:block;font-weight:600;font-size:.9rem;margin-bottom:.15rem}
.res-snip{display:block;font-size:.85rem;color:var(--muted);margin:.1rem 0}

/* Enhancements: bullets, subtitles, section numbers, PPG codes */
.card-title::before,.sidebar a::before,.pending-list li::before,.res-path::before{content:"";display:inline-block;width:.55em;height:.55em;border-radius:50%;background:var(--num-1);margin-right:.5em;vertical-align:middle;position:relative;top:-.05em}
.sec-body h3,.sec-body h4{color:var(--sub-1)}
.num,.pedcode{color:var(--num-1);font-weight:700}
.sidebar a.active .pedcode{color:var(--num-1)}
#pendingSection{display:none}
.footnote{display:none}