.organization-header,.organization-guide-hero,.page-article .attention-response-guide-hero{background:linear-gradient(130deg,#fff2df,#e3f0e9)}
.org-board{display:flex;align-items:center;justify-content:center;padding:24px;min-height:440px;background:#fffaf2}
[data-org-display]{width:100%;max-width:520px;margin:auto;line-height:0}
[data-org-display] svg{display:block;width:100%;height:auto}
.org-controls .choice-control{padding:20px 0;border-bottom:1px solid var(--line)}
.org-controls .choice-control>div{flex-wrap:wrap}
.org-controls .choice-control button{min-height:44px;padding:10px 12px;flex:1 1 95px}
.org-toggle{display:flex;align-items:center;gap:12px;padding:20px 0;border-bottom:1px solid var(--line);font-size:.9rem;line-height:1.5;cursor:pointer}
.org-toggle input{width:22px;height:22px;flex:0 0 auto;accent-color:#21705c}
.org-controls .range-control>span{gap:12px}
.org-controls input[type=range]{min-height:24px}
.org-controls output{white-space:nowrap}
.org-controls button:focus-visible,.org-controls input:focus-visible{outline:3px solid #21705c;outline-offset:4px}
.org-controls .reset-button{min-height:44px}
.org-controls .measurement-result{font-size:.9rem;line-height:1.65}
.org-guide-practice{margin:32px 0;padding:clamp(16px,3vw,28px);background:#e8f3eb;border:1px solid #9bbba9}
.org-guide-practice h3{margin-top:8px}
.org-guide-practice .org-practice-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.org-guide-practice .org-controls{padding:16px;background:#fffaf2}
.org-guide-practice [data-org-display]{align-self:center}
.org-guide-practice .range-control{padding:14px 0}
.org-noscript{padding:14px;background:#fff2df;font-size:.9rem;line-height:1.5}
.visual-org-region .visual-sample{width:130px;height:98px;border:2px solid #679e88;border-radius:14px;background:radial-gradient(circle,#25223b 5px,transparent 6px) 0 0/32px 32px #e0f0e8}
.visual-org-continuity .visual-sample{width:140px;height:100px;background:linear-gradient(35deg,transparent 46%,#25223b 47% 51%,transparent 52%),linear-gradient(-35deg,transparent 46%,#25223b 47% 51%,transparent 52%)}
.visual-org-symmetry .visual-sample{width:140px;height:110px;background:radial-gradient(circle at 25% 25%,#25223b 6px,transparent 7px),radial-gradient(circle at 75% 25%,#25223b 6px,transparent 7px),radial-gradient(circle at 35% 75%,#25223b 6px,transparent 7px),radial-gradient(circle at 65% 75%,#25223b 6px,transparent 7px),linear-gradient(90deg,transparent 49%,#679e88 49% 51%,transparent 51%)}
.visual-org-occlusion .visual-sample{width:150px;height:100px;background:linear-gradient(90deg,#d56048 32%,#aebbb5 32% 68%,#d56048 68%)}
.visual-org-transparency .visual-sample{width:150px;height:110px;background:linear-gradient(0deg,transparent 33%,#a9a9a988 33% 67%,transparent 67%),linear-gradient(90deg,#707070 50%,#eaeaea 50%)}
@media(max-width:850px){.org-guide-practice .org-practice-layout{grid-template-columns:minmax(0,1fr)}.org-guide-practice [data-org-display]{max-width:390px}}
@media(max-width:700px){.org-board{min-height:300px;padding:12px}.org-controls{padding:18px}.org-controls .control-panel-title{flex-wrap:wrap;gap:8px}.org-controls .choice-control>div{gap:8px}.org-guide-practice{padding:14px}.org-guide-practice .org-controls{padding:12px}}