/* PCODE V6.2: strategic contextual notes. Rest of UI identical to V6.1. */
.context-notes{margin-top:clamp(26px,3vw,43px);padding-top:14px;border-top:1px solid #E3CAA7;color:#251E19;max-width:100%}
.cn-head{display:flex;gap:12px;align-items:center;margin-bottom:11px;min-height:22px}
.cn-head-line{width:18px;height:3px;background:#B8462B;border-radius:5px;flex:0 0 auto}
.cn-eyebrow{font:800 10.5px/1.4 Inter,Arial,sans-serif;letter-spacing:.105em;color:#8E3D25}
.cn-head-hint{margin-left:auto;color:#574536;font:700 11px/1.4 Inter,Arial,sans-serif;white-space:nowrap}
.cn-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.cn-grid:has(> :only-child){grid-template-columns:1fr}
@media(min-width:1060px){.cn-grid:has(> :nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
.context-note{align-self:start;border:1.5px solid #E6CFB1;background:#FFFCF7;border-radius:10px;box-shadow:0 6px 17px rgba(70,39,13,.025);min-width:0;overflow:hidden}
.context-note[open]{background:#FFFFFF;border-color:#C99357;box-shadow:0 12px 28px rgba(90,48,10,.07)}
.context-note summary{list-style:none;cursor:pointer;padding:16px 17px;display:flex;align-items:center;gap:12px;min-height:68px;color:#251E19;user-select:none}
.context-note summary::-webkit-details-marker{display:none}
.context-note summary::marker{content:''}
.cn-count{font:800 11px/1.3 Inter,Arial,sans-serif;color:#9D4C30;border:1px solid #E9D1B4;background:#FFF3E3;border-radius:5px;padding:6px 7px;flex:0 0 auto}
.cn-question{flex:1;font:700 clamp(14px,1.03vw,16px)/1.55 Inter,'Segoe UI',Arial,sans-serif;color:#2B211B;overflow-wrap:normal;word-break:normal;hyphens:none;min-width:0}
.cn-toggle{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1.5px solid #C8A37D;color:#93472A;display:flex;align-items:center;justify-content:center;font:700 21px/1 Arial,sans-serif;transition:background .2s,transform .2s}
.context-note[open] .cn-toggle{transform:rotate(45deg);background:#FAE7D1;border-color:#C78A4A}
.context-note summary:hover{background:#FFF4E5}
.context-note summary:focus-visible{outline:3px solid #D38B32;outline-offset:-3px}
.cn-body{padding:2px 19px 19px 18px;border-top:1px solid #F1DFC6}
.cn-principle{padding:14px 0 0}
.cn-principle+ .cn-principle{border-top:1px solid #F0E4D4;margin-top:14px}
.cn-principle b{display:block;font:800 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.085em;color:#9E4629;margin-bottom:5px}
.cn-principle p{margin:0;color:#372B23;font:400 13.5px/1.77 Inter,'Segoe UI',Arial,sans-serif}
.cn-principle:last-child{background:#FFF8ED;margin:14px -8px -8px;padding:12px 10px;border-left:3px solid #C88733;border-radius:0 5px 5px 0}
.cn-principle:last-child b{color:#865021}
@media(max-width:860px){.cn-grid{grid-template-columns:1fr}.context-notes{margin-top:24px}.context-note summary{padding:13px 14px;min-height:60px}.cn-question{font-size:14px}.cn-principle p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.cn-toggle{transition:none}}