@font-face{font-family:"LXGW WenKai Lite";src:url("assets/fonts/Xiaolai-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
.board.dense .title-element{font-size:clamp(24px,9.1cqw,76px)}
.board.dense .body-element{font-size:clamp(10px,3.25cqw,27px);line-height:1.43}
.board.dense .accent-element{font-size:clamp(15px,5.05cqw,42px)}
.board.dense .point-element{font-size:clamp(11px,3.55cqw,30px)}
.board.wide.dense .title-element{font-size:clamp(24px,6.2cqh,62px)}
.board.wide.dense .body-element{font-size:clamp(10px,2.6cqh,25px)}
.eyebrow-element,.accent-element{color:var(--element-color,var(--red))}
.template-picker{display:flex;align-items:center;gap:6px;color:#777;font-size:11px;white-space:nowrap}.template-picker select{height:34px;min-width:142px}
.board.sparse .body-element{font-size:clamp(13px,4.15cqw,35px)}
.board.sparse .accent-element{font-size:clamp(18px,5.9cqw,50px)}
.board.sparse .board-visual{margin-top:6.5%}
.board.sparse .point-element{font-size:clamp(15px,4.55cqw,38px)}
.board.sparse .flow-diagram{gap:clamp(22px,5.3cqh,46px)}
.board.sparse .flow-diagram .point-element{min-height:clamp(76px,20cqw,168px)}
.board.layout-cover .board-layout{justify-content:flex-start;padding-top:10%}
.board .flow-diagram{gap:clamp(20px,4.5cqh,40px)}
.board .flow-diagram .point-element{min-height:clamp(70px,18cqw,150px)}
.board.font-marker{font-family:"LXGW WenKai Lite","Microsoft YaHei","PingFang SC",sans-serif;letter-spacing:.018em}
.board.font-marker .title-element{font-weight:500;letter-spacing:.01em;line-height:1.16}
.board.font-marker .body-element,.board.font-marker .point-element{font-weight:400;line-height:1.55}
.board.font-kaiti{font-family:KaiTi,STKaiti,"楷体",serif}
.board.font-sans{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;letter-spacing:.005em}
.board.font-fangsong{font-family:FangSong,STFangsong,"仿宋",serif}
.board .body-element{max-width:91%;font-size:clamp(14px,4.6cqw,38px);line-height:1.56}
.board .point-element{font-size:clamp(14px,4.7cqw,39px);line-height:1.48}
.board .point-element b{font-size:.48em;transform:translateY(-.15em)}
.board-scaler{max-width:none}
.board{width:100%;height:100%;max-width:none}
.accent-element:empty,.body-element:empty,.board-visual:empty{display:none}
.body-element:empty + .board-visual{margin-top:3.2%}
.board.edit-mode .board-element{cursor:default}
.board.edit-mode [contenteditable="true"]{cursor:text;border-radius:2px;transition:background-color .15s,outline-color .15s}
.board.edit-mode [contenteditable="true"]:hover{background:#c83d3509}
.board.edit-mode [contenteditable="true"]:focus,.board.edit-mode [contenteditable="true"].is-editing{outline:clamp(1px,.28cqw,2px) dashed #c83d3570;outline-offset:clamp(2px,.5cqw,5px);background:#fffdf9}
.board.edit-mode .board-element:hover{outline-color:transparent}
.board.move-mode .board-element{cursor:grab}

/* Phase 4: canvas-first editor shell inspired by Excalidraw's spatial hierarchy. */
:root{--red:#d8000f;--red-dark:#aa000c;--red-soft:#fff0ef;--ink:#1c1410;--muted:#706b67;--line:#dedbd7;--panel:#fbfaf8;--bg:#eceae7;--radius:8px}
body{background:#eceae7;color:var(--ink)}
.app-shell{grid-template-rows:60px minmax(0,1fr)}
.topbar{grid-template-columns:minmax(190px,240px) minmax(140px,1fr) auto;padding:0 12px 0 16px;background:#fbfaf8;border-bottom:1px solid #d9d6d2;box-shadow:0 1px 0 #ffffff80}
.brand-mark{width:34px;height:34px;border-radius:9px;background:var(--ink);box-shadow:none;transform:none;font-family:"LXGW WenKai Lite","Microsoft YaHei",sans-serif;font-size:18px}
.brand b{font-size:14px}.brand small{letter-spacing:.09em;color:#8e8984}
.project-title span{border-left:0;background:#f0eeeb;border-radius:6px;padding:4px 7px;color:#77716c}
.top-actions{gap:5px}.button,.icon-btn,.control{border-color:#d8d4cf;border-radius:8px;background:#fff;color:#302a26;box-shadow:0 1px 1px #2c2a2808}
.button:hover,.icon-btn:hover{background:#f4f1ee;border-color:#c9c4be}.button:active,.icon-btn:active,.tool-toggle:active{transform:translateY(1px)}
.button.primary{background:var(--ink);border-color:var(--ink);color:#fff}.button.primary:hover{background:#322722;border-color:#322722}
.panel-toggle{color:#6f6964}.panel-toggle.active{background:#f2efec;color:var(--ink);border-color:#c9c4be}

.workspace{grid-template-columns:270px minmax(480px,1fr) 286px;gap:10px;padding:10px;background:#eceae7;transition:grid-template-columns .3s cubic-bezier(.16,1,.3,1)}
.panel,.stage-panel{border:1px solid #d8d4cf;border-radius:12px;overflow:hidden;box-shadow:0 5px 18px rgba(44,42,40,.055)}
.left-panel,.right-panel{border:1px solid #d8d4cf;background:#fbfaf8}
.left-collapsed .workspace{grid-template-columns:0 minmax(480px,1fr) 286px}.right-collapsed .workspace{grid-template-columns:270px minmax(480px,1fr) 0}.left-collapsed.right-collapsed .workspace{grid-template-columns:0 minmax(480px,1fr) 0}
.left-collapsed .left-panel,.right-collapsed .right-panel{visibility:hidden;opacity:0;pointer-events:none}
.left-panel,.right-panel{transition:opacity .18s ease}
.panel-tabs{height:46px;margin:0;padding:6px;background:#f1efec;border-bottom:1px solid #e2dfdb;gap:4px}
.panel-tabs button{border-radius:7px;color:#756f6a}.panel-tabs button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px rgba(44,42,40,.09)}.panel-tabs button.active:after{display:none}
.left-content,.inspector{padding:16px}.section-head b,.scene-toolbar b,.inspector-title b{font-size:13px}.section-head small,.scene-toolbar small,.inspector-title small{font-size:10px;color:#8f8984}
.script-input{border-color:#dfdbd6;border-radius:9px;padding:13px;background:#fffdfb;font-size:12px;line-height:1.75;box-shadow:inset 0 1px 2px rgba(44,42,40,.03)}
.script-input:focus,.control:focus{border-color:#a8a19a;box-shadow:0 0 0 3px rgba(28,20,16,.07)}
.generation-settings{margin-top:2px;padding:10px 0;border-color:#e3dfda}.generate{height:40px;border-radius:9px}.local-note{border-radius:8px;background:#f1efec;color:#756f6a}
.scene-card{grid-template-columns:18px 62px minmax(0,1fr);gap:9px;margin-bottom:6px;padding:7px;border-radius:8px;border-left:3px solid transparent}
.scene-card:hover{background:#f2f0ed}.scene-card.active{border-color:#dfd9d4;border-left-color:var(--red);background:#fff;box-shadow:0 2px 8px rgba(44,42,40,.06)}
.scene-thumb{border-color:#d9d5d0;box-shadow:0 2px 5px rgba(44,42,40,.07)}

.stage-panel{grid-template-rows:52px minmax(0,1fr) 68px;background:#e9e7e4;background-image:none}
.stage-toolbar{align-self:center;height:38px;margin:7px 9px;padding:0 8px;border:1px solid #d5d1cc;border-radius:10px;background:rgba(255,255,255,.93);box-shadow:0 4px 14px rgba(44,42,40,.08);backdrop-filter:blur(10px)}
.ratio-chips,.stage-tools{gap:3px}.ratio-chips button,.tool-toggle{height:28px;border-radius:7px;font-size:9px}.ratio-chips button.active{background:var(--ink);color:#fff}.tool-toggle.active{background:#f0edea;box-shadow:inset 0 0 0 1px #d2cdc8}
.stage-viewport{padding:22px;background-color:#e9e7e4;background-image:radial-gradient(circle,#c9c5c0 1px,transparent 1px);background-size:20px 20px}
.transport{margin:7px 9px 9px;padding:0 8px;border:1px solid #d5d1cc;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(44,42,40,.07)}
.play-btn{background:var(--ink)}.timeline-scroll{border-radius:6px;background:#efedea}.timeline-clip{background:#e7e4e0;border-color:#d3cfca}.timeline-clip.active{background:#fff1ef;color:#8d1018;box-shadow:inset 0 -3px var(--red)}
.quality-box,.layer-item,.offline-badge{border-radius:8px}.quality-box{background:#f1efec}.layer-item{border-color:#dfdbd6}.layer-item.active{border-color:#d8a6a9;background:#fff5f4}

/* Bold Poster board language: white paper, warm ink, one earned red accent. */
.board{color:#1c1410;background:#fff;box-shadow:0 18px 46px rgba(44,42,40,.16),0 2px 5px rgba(44,42,40,.08)}
.board.paper{background:#f5f2ef}.board-grain{opacity:.035}.board.paper .board-grain{opacity:.08}
.board-inner{padding:7.4% 7.8% 6.8%}.safe-guide{inset:6.2% 6.7%;border-color:#d8000f38}.safe-guide:before{color:#d8000f70}
.eyebrow-element{padding:0 0 2%;border-bottom:clamp(2px,.5cqw,4px) solid var(--red);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:800;letter-spacing:.02em}
.board-layout{padding:5.8% 0 2%}.title-element{max-width:96%;line-height:1.12;letter-spacing:.005em}.red-line{width:32%;height:clamp(3px,.7cqw,6px);margin:3.8% 0 4.2%;border-radius:0;transform:none}
.accent-element{max-width:95%;margin-bottom:3.4%;font-weight:600;line-height:1.25}.body-element{max-width:88%;line-height:1.58}
.board-visual{margin-top:6.5%}.points{gap:0;border-top:clamp(1px,.32cqw,3px) solid #1c1410}
.points .point-element{grid-template-columns:16% 1fr;align-items:center;min-height:clamp(66px,17cqw,142px);gap:2%;border-bottom:clamp(1px,.28cqw,2px) solid #1c1410;line-height:1.34}
.points .point-element b{font-family:"Segoe UI",Arial,sans-serif;font-size:.66em;font-weight:800;color:var(--red);transform:none;letter-spacing:-.04em}
.stack-diagram{gap:clamp(8px,1.8cqh,18px)}.stack-diagram .point-element{padding:4.5% 5%;background:#f5f2ef;border-color:#1c1410;text-align:left}.stack-diagram .point-element:nth-child(2){background:#fff;border-color:var(--red);color:var(--red)}
.flow-diagram{gap:clamp(18px,4.2cqh,38px)}.flow-diagram .point-element{background:#fff;border-color:#1c1410;border-radius:0;text-align:left;place-items:center start;padding-left:6%}.flow-diagram .point-element:nth-child(2){border-color:var(--red);color:var(--red)}
.compare-diagram{grid-template-columns:1.12fr auto .88fr;gap:3%}.compare-card{padding:7%;border-color:#1c1410;background:#f5f2ef}.compare-card.red{background:#fff;border-color:var(--red)}.compare-card b{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#1c1410}.compare-card.red b{color:var(--red)}
.board.layout-cover .board-layout{justify-content:center;padding:2% 0 16%}.board.layout-cover .title-element{max-width:92%}.board.layout-cover .accent-element{text-shadow:.07em .07em 0 #1c1410}.board.layout-cover .body-element{margin-top:2%}
.board.sparse:not(.layout-cover) .board-layout{justify-content:center;padding-bottom:12%}.board.sparse .board-visual{margin-top:7%}
.board.wide .board-inner{padding:5.5% 6.5%}.board.wide .board-layout{grid-template-columns:.92fr 1.08fr;gap:7%}.board.wide .points .point-element{min-height:clamp(54px,9cqh,92px)}
.board footer{color:#8c8782}.board footer span:last-child{padding-top:2%;border-top:1px solid #b8b1aa;min-width:18%;text-align:right}

@media(max-width:1280px){.project-title{display:none}.topbar{grid-template-columns:190px 1fr}.top-actions{justify-self:end}.panel-toggle{display:none}}
@media(max-width:980px){.workspace{grid-template-columns:244px minmax(420px,1fr) 250px;gap:6px;padding:6px}.stage-status{display:none}}
@media(max-width:850px){.workspace,.left-collapsed .workspace,.right-collapsed .workspace,.left-collapsed.right-collapsed .workspace{grid-template-columns:1fr;gap:8px;padding:8px}.left-panel,.right-panel{visibility:visible!important;opacity:1!important}.panel,.stage-panel{border-radius:10px}.stage-toolbar,.transport{margin-left:6px;margin-right:6px}}

/* Phase 5: 35 switchable Beautiful Feishu Whiteboard skins. */
.skin-picker{display:flex;align-items:center;gap:6px;color:#777;font-size:11px;white-space:nowrap}.skin-picker select{width:150px}
.skin-library{display:grid;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e1ddd8}.skin-library-head{display:flex;align-items:center;justify-content:space-between}.skin-library-head span{display:grid;gap:2px}.skin-library-head b{font-size:12px}.skin-library-head small{font-size:9px;color:#8b8580;line-height:1.45}.skin-library-head em{display:grid;place-items:center;min-width:30px;height:22px;padding:0 7px;border-radius:999px;background:#edeae6;color:#615b56;font-size:10px;font-style:normal;font-weight:800}
.skin-preview{--p-bg:#fff;--p-ink:#111;--p-a1:#d8000f;--p-a2:#f5f2ef;--p-a3:#d8000f;display:grid;grid-template-columns:minmax(0,1fr) 26px 26px 26px;align-items:center;gap:6px;min-height:58px;padding:10px;background:var(--p-bg);color:var(--p-ink);border:1px solid color-mix(in srgb,var(--p-ink) 24%,transparent);border-radius:8px;box-shadow:4px 4px 0 color-mix(in srgb,var(--p-ink) 18%,transparent)}.skin-preview span{display:grid;gap:2px;min-width:0}.skin-preview b{overflow:hidden;text-overflow:ellipsis;font-size:13px;white-space:nowrap}.skin-preview small{font-size:9px;opacity:.65}.skin-preview>i{width:26px;height:34px;border:1px solid color-mix(in srgb,var(--p-ink) 22%,transparent);border-radius:4px;background:var(--p-a1)}.skin-preview>i:nth-of-type(2){background:var(--p-a2)}.skin-preview>i:nth-of-type(3){background:var(--p-a3)}
.skin-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;max-height:242px;padding:2px;overflow:auto;scrollbar-width:thin}.skin-chip{display:grid;gap:4px;min-width:0;padding:5px;border:1px solid #dfdbd6;border-radius:7px;background:#fff;color:#49433e;cursor:pointer;text-align:left}.skin-chip:hover{border-color:#aba49d;background:#faf8f5}.skin-chip.active{border-color:#2b2521;box-shadow:0 0 0 1px #2b2521}.skin-chip>i{position:relative;display:flex;align-items:end;gap:2px;height:27px;padding:3px;overflow:hidden;border-radius:4px;background:var(--c0);border:1px solid color-mix(in srgb,var(--c1) 22%,transparent)}.skin-chip em{display:block;width:33%;height:65%;background:var(--c2)}.skin-chip em:nth-child(2){height:90%;background:var(--c3)}.skin-chip em:nth-child(3){height:46%;background:var(--c1)}.skin-chip span{display:block;overflow:hidden;text-overflow:ellipsis;font-size:8px;line-height:1.25;white-space:nowrap}.skin-source{margin:0;color:#928b85;font-size:9px;line-height:1.5}

.board{background:var(--board-bg,#fff);color:var(--board-ink,#1c1410)}
.board.paper{background:var(--board-bg,#fff)}.board.paper .board-grain{opacity:.1;mix-blend-mode:multiply}.board:not(.paper) .board-grain{opacity:.015}
.board .safe-guide{border-color:color-mix(in srgb,var(--board-accent) 32%,transparent)}.board .safe-guide:before{color:color-mix(in srgb,var(--board-accent) 55%,transparent)}
.board .eyebrow-element,.board .accent-element{color:var(--element-color,var(--board-accent))}.board .eyebrow-element{border-color:var(--board-accent)}.board .red-line{background:var(--board-accent)}
.board .points{border-color:var(--board-ink)}.board .points .point-element{border-color:var(--board-ink)}.board .points .point-element b{color:var(--board-emphasis)}
.board .stack-diagram .point-element,.board .flow-diagram .point-element,.board .compare-card{border-width:var(--board-border);border-color:var(--board-ink);border-radius:var(--board-radius);background:var(--board-surface);color:var(--board-ink)}
.board .stack-diagram .point-element:nth-child(2),.board .flow-diagram .point-element:nth-child(2),.board .compare-card.red{border-color:var(--board-accent);background:var(--board-accent-2);color:var(--board-on-accent-2)}
.board .compare-card b,.board .compare-card.red b{color:inherit}.board .compare-plus{color:var(--board-accent)}.board footer{color:color-mix(in srgb,var(--board-ink) 58%,transparent)}.board footer span:last-child{border-color:color-mix(in srgb,var(--board-ink) 35%,transparent)}
.board.edit-mode [contenteditable="true"]:hover{background:color-mix(in srgb,var(--board-accent) 7%,transparent)}.board.edit-mode [contenteditable="true"]:focus,.board.edit-mode [contenteditable="true"].is-editing{outline-color:color-mix(in srgb,var(--board-accent) 52%,transparent);background:color-mix(in srgb,var(--board-bg) 88%,white)}

.board[data-skin-treatment="airy"] .points .point-element,.board[data-skin-treatment="editorial"] .points .point-element{grid-template-columns:13% 1fr}.board[data-skin-treatment="editorial"] .red-line{width:18%}.board[data-skin-treatment="editorial"] .title-element{font-weight:500}.board[data-skin-treatment="soft"] .point-element,.board[data-skin-treatment="cards"] .point-element{border:0!important;border-radius:var(--board-radius);background:var(--board-accent-2);color:var(--board-on-accent-2);padding:4.5% 5%;margin-bottom:3%}.board[data-skin-treatment="soft"] .point-element:nth-child(2),.board[data-skin-treatment="cards"] .point-element:nth-child(2){background:var(--board-accent-3);color:var(--board-on-accent-3)}
.board[data-skin-treatment="bands"] .eyebrow-element{width:100%;padding:2.4% 3%;border:0;background:var(--board-accent);color:var(--board-on-accent)}.board[data-skin-treatment="bands"] .red-line{width:100%;height:clamp(2px,.4cqw,4px);background:var(--board-ink)}.board[data-skin-treatment="marker"] .accent-element{display:inline;padding:.05em .22em;background:var(--board-accent-2);color:var(--board-ink);box-decoration-break:clone;-webkit-box-decoration-break:clone}.board[data-skin-treatment="marker"] .red-line{background:var(--board-accent-2);transform:rotate(-1deg)}
.board[data-skin-treatment="folk"] .point-element{border-radius:45% 55% 48% 52% / 8% 12% 9% 11%}.board[data-skin-treatment="collage"] .point-element:nth-child(odd){transform:rotate(-.55deg)}.board[data-skin-treatment="collage"] .point-element:nth-child(even){transform:rotate(.45deg)}
.board[data-skin-treatment="grid"] .board-layout{border-top:var(--board-border) solid var(--board-ink);border-left:var(--board-border) solid var(--board-ink);padding:5%}.board[data-skin-treatment="grid"] .points .point-element{border-right:var(--board-border) solid var(--board-ink);padding-left:4%;padding-right:4%}
.board[data-skin-treatment="poster"] .title-element,.board[data-skin-treatment="slab"] .title-element{font-weight:700}.board[data-skin-treatment="poster"] .accent-element{text-shadow:.06em .06em 0 var(--board-ink)}.board[data-skin-treatment="slab"] .eyebrow-element{padding:.18em .35em;border:var(--board-border) solid var(--board-ink);background:var(--board-surface);color:var(--board-ink)}
.board[data-skin-treatment="blocks"] .point-element,.board[data-skin-treatment="dashboard"] .point-element,.board[data-skin-treatment="specimen"] .point-element,.board[data-skin-treatment="tablets"] .point-element{border:var(--board-border) solid var(--board-ink);border-radius:var(--board-radius);background:var(--board-accent-2);color:var(--board-on-accent-2);padding:4% 5%;margin-bottom:3%}.board[data-skin-treatment="blocks"] .point-element:nth-child(2),.board[data-skin-treatment="dashboard"] .point-element:nth-child(2),.board[data-skin-treatment="specimen"] .point-element:nth-child(2),.board[data-skin-treatment="tablets"] .point-element:nth-child(2){background:var(--board-accent-3);color:var(--board-on-accent-3)}.board[data-skin-treatment="specimen"] .point-element{border:0;font-weight:700}.board[data-skin-treatment="tablets"] .point-element{border:0}.board[data-skin-treatment="dashboard"] .board-layout{padding:5%;border:var(--board-border) solid var(--board-ink);border-radius:var(--board-radius);background:var(--board-accent-2)}
.board[data-skin-treatment="brutal"] .point-element{border:var(--board-border) solid var(--board-ink)!important;border-radius:var(--board-radius);background:var(--board-accent-2);color:var(--board-on-accent-2);padding:4% 5%;margin-bottom:4%;box-shadow:clamp(4px,1.5cqw,12px) clamp(4px,1.5cqw,12px) 0 var(--board-ink)}.board[data-skin-treatment="brutal"] .point-element:nth-child(2){background:var(--board-accent-3);color:var(--board-on-accent-3)}.board[data-skin-shadow="hard"] .accent-element{text-shadow:.07em .07em 0 var(--board-ink)}.board[data-skin-shadow="chunky"] .title-element{text-shadow:.045em .045em 0 var(--board-accent-2)}

@media(max-width:1280px){.skin-picker span{display:none}.skin-picker select{width:128px}}
@media(prefers-reduced-motion:reduce){.workspace,.left-panel,.right-panel,.board.edit-mode [contenteditable="true"]{transition:none!important}.reveal{animation:none!important}}

/* React Bits inspired motion layer, implemented with the native Web Animations API for offline use. */
.board.playing .reveal{animation:none!important}
.motion-token{display:inline-block;white-space:pre;will-change:transform,opacity}
.board.motion-running .red-line,.board.motion-running svg path{will-change:clip-path,stroke-dashoffset,opacity}
@media(prefers-reduced-motion:reduce){.motion-token{will-change:auto}.board.motion-running *{animation:none!important;transition:none!important}}

/* Phase 6: faithful template composition, adapted from landscape references to every aspect ratio. */
.skin-preview{display:grid;grid-template-columns:1fr;gap:8px;padding:7px}.skin-preview>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border:1px solid color-mix(in srgb,var(--p-ink) 20%,transparent);border-radius:5px;background:#fff}.skin-preview>span{padding:0 3px}.skin-preview>span small{line-height:1.35}.skin-swatches{display:flex;gap:5px;padding:0 3px 3px}.skin-swatches i{display:block;width:22px;height:12px;border:1px solid color-mix(in srgb,var(--p-ink) 22%,transparent);border-radius:2px;background:var(--p-a1)}.skin-swatches i:nth-child(2){background:var(--p-a2)}.skin-swatches i:nth-child(3){background:var(--p-a3)}
.skin-gallery{grid-template-columns:repeat(2,minmax(0,1fr));max-height:320px}.skin-chip{padding:4px}.skin-chip>img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:3px;background:var(--c0)}.skin-chip>span{padding:0 2px 2px;font-size:8px}

.board.font-skin{font-family:"Microsoft YaHei","PingFang SC","Noto Sans CJK SC",Arial,sans-serif;letter-spacing:0}.board.font-skin .title-element{font-weight:800;letter-spacing:-.035em;line-height:1.05}.board.font-skin .body-element,.board.font-skin .point-element{font-weight:500;line-height:1.4}
.board[data-skin] .board-inner{padding:5.8% 6.4% 5.5%}.board[data-skin] .eyebrow-element{flex:0 0 auto;max-width:100%;font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-weight:800}.board[data-skin] .board-layout,.board.wide[data-skin] .board-layout{display:flex;flex:1;flex-direction:column;justify-content:flex-start;gap:0;min-height:0;padding:3.5% 0 17%}.board[data-skin] .board-copy{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-start;min-width:0}.board[data-skin] .title-element{max-width:100%;font-size:clamp(27px,9.2cqw,78px);line-height:1.06}.board[data-skin] .red-line{width:100%;height:var(--board-border);min-height:1px;margin:3.5% 0 3%;border-radius:0;background:var(--board-ink)}.board[data-skin] .body-element{max-width:100%;font-size:clamp(11px,3.25cqw,27px);line-height:1.45}.board[data-skin] .board-visual{display:flex;flex:1;min-height:0;margin-top:5.5%}.board[data-skin] .points{width:100%;height:100%;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:3%;border:0}.board[data-skin] .points .point-element{position:relative;display:grid;grid-template-columns:22% minmax(0,1fr);align-items:center;gap:4%;min-height:0;padding:4% 5%;border:var(--board-border) solid var(--board-ink);border-radius:var(--board-radius);background:var(--board-surface);color:var(--board-ink);line-height:1.25}.board[data-skin] .points .point-element b{font-size:1.55em;font-weight:900;letter-spacing:-.08em}.board[data-skin] .points .point-element p{font-size:1em;font-weight:700}.board[data-skin] .accent-element{position:absolute;left:6.4%;right:6.4%;bottom:7.8%;width:auto;max-width:none;margin:0;padding:3.3% 4%;border:var(--board-border) solid var(--board-ink);border-radius:var(--board-radius);background:var(--board-accent);color:var(--board-on-accent);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:clamp(13px,4.15cqw,35px);font-weight:800;line-height:1.3}.board[data-skin] .accent-element:before{content:"重点";display:block;margin-bottom:.4em;font-size:.45em;letter-spacing:.08em;opacity:.75}.board[data-skin] footer{position:absolute;left:6.4%;right:6.4%;bottom:3.2%;margin:0}.board[data-skin] footer span:last-child{min-width:0;padding:0;border:0}
.board[data-skin] .stack-diagram,.board[data-skin] .flow-diagram,.board[data-skin] .compare-diagram{width:100%;align-self:stretch}.board[data-skin] .stack-diagram{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:3%}.board[data-skin] .stack-diagram .point-element,.board[data-skin] .flow-diagram .point-element{display:grid;place-items:center;min-height:0;padding:4%;border:var(--board-border) solid var(--board-ink);border-radius:var(--board-radius);background:var(--board-surface);font-weight:700}.board[data-skin] .compare-diagram{grid-template-columns:1fr;grid-template-rows:1fr auto 1fr;gap:3%}.board[data-skin] .compare-card{min-height:0;padding:6%;border-width:var(--board-border);border-radius:var(--board-radius)}.board[data-skin] .compare-plus{line-height:.7;text-align:center}.board[data-skin] .flow-diagram{height:100%;grid-template-rows:repeat(3,minmax(0,1fr));gap:5%}.board[data-skin] .flow-diagram .point-element:after{bottom:calc(-1 * clamp(17px,4.4cqh,37px));color:var(--board-emphasis)}

.board.wide[data-skin] .board-inner{padding:5% 6%}.board.wide[data-skin] .board-layout{padding:2.5% 0 13%}.board.wide[data-skin] .board-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.62fr);grid-template-rows:auto auto;align-items:end;column-gap:5%}.board.wide[data-skin] .title-element{grid-column:1;grid-row:1;font-size:clamp(30px,7.2cqh,72px)}.board.wide[data-skin] .red-line{grid-column:1/-1;grid-row:2;margin:2% 0 0}.board.wide[data-skin] .body-element{grid-column:2;grid-row:1;font-size:clamp(12px,2.5cqh,25px)}.board.wide[data-skin] .board-visual{margin-top:4%}.board.wide[data-skin] .points{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:3.5%}.board.wide[data-skin] .points .point-element{grid-template-columns:1fr;grid-template-rows:auto 1fr;align-items:start;padding:7%}.board.wide[data-skin] .points .point-element b{font-size:2.4em}.board.wide[data-skin] .accent-element{left:6%;right:6%;bottom:6.4%;padding:2% 3%;font-size:clamp(15px,3.2cqh,32px)}.board.wide[data-skin] .accent-element:before{display:inline;margin:0 .9em 0 0}.board.wide[data-skin] footer{left:6%;right:6%;bottom:2.6%}.board.wide[data-skin] .stack-diagram,.board.wide[data-skin] .flow-diagram{height:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:3.5%}.board.wide[data-skin] .compare-diagram{grid-template-columns:1fr auto 1fr;grid-template-rows:1fr}.board.wide[data-skin] .compare-plus{align-self:center}.board.wide[data-skin] .compare-card{height:100%}

/* Restrained references */
.board[data-skin="avocado-press"] .eyebrow-element{padding:.35em .7em;border:0;background:var(--board-accent);color:var(--board-ink)}.board[data-skin="avocado-press"] .title-element{color:var(--board-ink)}.board[data-skin="avocado-press"] .points .point-element{border:0;border-radius:0;background:var(--board-ink);color:var(--board-bg)}.board[data-skin="avocado-press"] .points .point-element b{color:var(--board-accent)}.board[data-skin="avocado-press"] .accent-element{border:0;border-left:clamp(4px,1.4cqw,12px) solid var(--board-accent);border-radius:0;background:var(--board-ink);color:var(--board-bg)}
.board[data-skin="grove"] .eyebrow-element,.board[data-skin="grove"] .board-copy{color:var(--board-bg)}.board[data-skin="grove"] .board-copy{padding:5%;background:var(--board-ink)}.board[data-skin="grove"] .red-line{background:var(--board-accent)}.board[data-skin="grove"] .points .point-element{border:0;background:color-mix(in srgb,var(--board-bg) 82%,var(--board-ink));border-top:clamp(10px,3.5cqw,30px) solid var(--board-ink)}.board[data-skin="grove"] .accent-element{border:0;background:var(--board-ink);color:var(--board-bg)}
.board[data-skin="jade-lens"] .board-copy{padding:4.5%;border-radius:var(--board-radius);background:var(--board-accent);color:#fff}.board[data-skin="jade-lens"] .red-line{background:#fff}.board[data-skin="jade-lens"] .points .point-element{border:clamp(8px,2.4cqw,20px) solid var(--board-accent);background:var(--board-surface)}.board[data-skin="jade-lens"] .points .point-element:nth-child(3){border-color:var(--board-ink)}.board[data-skin="jade-lens"] .accent-element{border:0;background:var(--board-ink);color:#fff}
.board[data-skin="long-table"]{outline:var(--board-border) solid var(--board-accent);outline-offset:-3.2cqw}.board[data-skin="long-table"] .eyebrow-element,.board[data-skin="long-table"] .title-element,.board[data-skin="long-table"] .points .point-element b{color:var(--board-accent)}.board[data-skin="long-table"] .red-line{height:3px;background:var(--board-accent)}.board[data-skin="long-table"] .points .point-element,.board[data-skin="long-table"] .accent-element{border-color:var(--board-accent);background:transparent;color:var(--board-accent)}
.board[data-skin="macchiato"] .board-copy{padding-bottom:4%;border-bottom:clamp(2px,.6cqw,5px) double var(--board-ink)}.board[data-skin="macchiato"] .red-line{display:none}.board[data-skin="macchiato"] .points .point-element{border:0;border-bottom:1px solid var(--board-ink);border-radius:0;background:transparent}.board[data-skin="macchiato"] .accent-element{background:var(--board-ink);color:var(--board-bg)}
.board[data-skin="monochrome"] .eyebrow-element{border-color:var(--board-ink);color:var(--board-ink)}.board[data-skin="monochrome"] .points .point-element{border:0;border-left:clamp(4px,1cqw,9px) solid var(--board-ink);border-radius:0;background:transparent}.board[data-skin="monochrome"] .accent-element{border-radius:0;background:var(--board-ink);color:var(--board-bg)}
.board[data-skin="papier-bleu"] .title-element{color:var(--board-ink)}.board[data-skin="papier-bleu"] .points .point-element{border:0;background:var(--board-accent);color:var(--board-ink)}.board[data-skin="papier-bleu"] .points .point-element b{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:var(--board-ink);color:#fff}.board[data-skin="papier-bleu"] .accent-element{border:0;background:var(--board-ink);color:#fff}
.board[data-skin="reading-room"] .board-copy{padding:5%;background:var(--board-accent-2)}.board[data-skin="reading-room"] .points .point-element{border:0;background:var(--board-surface)}.board[data-skin="reading-room"] .points .point-element:nth-child(2){background:var(--board-accent-2)}.board[data-skin="reading-room"] .accent-element{border:0;background:var(--board-accent);color:var(--board-ink)}
.board[data-skin="salmon-stamp"] .eyebrow-element{padding:.35em .65em;border:0;background:var(--board-accent-2);color:var(--board-ink)}.board[data-skin="salmon-stamp"] .red-line{background:var(--board-accent)}.board[data-skin="salmon-stamp"] .points .point-element{border:0;border-radius:0;background:linear-gradient(to bottom,var(--board-accent-2) 0 36%,transparent 36%)}.board[data-skin="salmon-stamp"] .accent-element{border:0;border-left:clamp(42px,15cqw,126px) solid var(--board-accent);border-radius:0;background:var(--board-ink);color:#fff}

/* Balanced references */
.board[data-skin="apricot-arc"] .board-copy{align-items:center;text-align:center}.board[data-skin="apricot-arc"] .red-line{width:84%;background:var(--board-emphasis)}.board[data-skin="apricot-arc"] .points .point-element{border:0;background:var(--board-surface)}.board[data-skin="apricot-arc"] .points .point-element b{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:var(--board-accent);color:#fff}.board[data-skin="apricot-arc"] .points .point-element:nth-child(2) b{background:var(--board-accent-2);color:var(--board-ink)}.board[data-skin="apricot-arc"] .accent-element{border:0;background:var(--board-accent);color:#fff}
.board[data-skin="bold-poster"] .points .point-element{border:var(--board-border) solid var(--board-ink);border-radius:0;background:var(--board-bg)}.board[data-skin="bold-poster"] .points .point-element:nth-child(2){background:var(--board-accent-2)}.board[data-skin="bold-poster"] .points .point-element b{text-shadow:.07em .07em 0 var(--board-ink)}.board[data-skin="bold-poster"] .accent-element{border:0;border-radius:0;background:var(--board-accent);color:#fff}.board[data-skin="bold-poster"] .accent-element:before{color:#fff}
.board[data-skin="checker-bloom"] .points .point-element{border:var(--board-border) solid var(--board-ink);background:var(--board-surface);box-shadow:clamp(3px,.8cqw,7px) clamp(3px,.8cqw,7px) 0 var(--board-accent-2)}.board[data-skin="checker-bloom"] .points .point-element b{align-self:stretch;display:grid;place-items:center;background:var(--board-accent);color:#fff}.board[data-skin="checker-bloom"] .accent-element{background:var(--board-accent);color:#fff;box-shadow:clamp(3px,.8cqw,7px) clamp(3px,.8cqw,7px) 0 var(--board-ink)}
.board[data-skin="cut-bloom"] .board-copy{padding:5%;background:var(--board-accent);color:#fff}.board[data-skin="cut-bloom"] .red-line{background:var(--board-accent-2)}.board[data-skin="cut-bloom"] .points .point-element{border:clamp(8px,2.8cqw,23px) solid var(--board-accent);background:var(--board-surface)}.board[data-skin="cut-bloom"] .points .point-element b{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:var(--board-accent-2);color:var(--board-ink)}.board[data-skin="cut-bloom"] .accent-element{border:0;background:var(--board-accent-2);color:var(--board-ink)}
.board[data-skin="editorial-forest"] .points .point-element{border:0;background:var(--board-ink);color:var(--board-bg)}.board[data-skin="editorial-forest"] .points .point-element:nth-child(2){background:var(--board-accent);color:var(--board-ink)}.board[data-skin="editorial-forest"] .accent-element{border:0;background:var(--board-ink);color:var(--board-bg)}
.board[data-skin="soft-editorial"] .points .point-element{border:0;background:var(--board-accent)}.board[data-skin="soft-editorial"] .points .point-element:nth-child(2){background:var(--board-accent-2)}.board[data-skin="soft-editorial"] .points .point-element:nth-child(3){background:var(--board-accent-3)}.board[data-skin="soft-editorial"] .accent-element{background:transparent;color:var(--board-ink)}
.board[data-skin="violet-marker"] .eyebrow-element{padding:.35em .65em;border:0;background:var(--board-accent-2);color:var(--board-ink)}.board[data-skin="violet-marker"] .red-line{background:var(--board-accent-2)}.board[data-skin="violet-marker"] .points .point-element{border:0;border-radius:0;background:linear-gradient(to bottom,var(--board-accent) 0 36%,transparent 36%)}.board[data-skin="violet-marker"] .accent-element{border:0;border-left:clamp(7px,1.5cqw,13px) solid var(--board-accent-2);border-radius:0;background:var(--board-accent);color:var(--board-ink)}

/* Bold references */
.board[data-skin="mint-brut"] .board-copy{padding:4%;border:var(--board-border) solid var(--board-ink);border-radius:var(--board-radius);background:var(--board-accent)}.board[data-skin="mint-brut"] .red-line{background:var(--board-ink)}.board[data-skin="mint-brut"] .points .point-element{border:var(--board-border) solid var(--board-ink)!important;background:var(--board-surface);color:var(--board-ink);box-shadow:none}.board[data-skin="mint-brut"] .points .point-element b{display:grid;place-items:center;aspect-ratio:1;background:#FBEF4A;color:var(--board-ink)}.board[data-skin="mint-brut"] .accent-element{border:var(--board-border) solid var(--board-ink);background:var(--board-accent);color:var(--board-ink)}
.board[data-skin="block-frame"] .board-copy{padding:4.5%;border:var(--board-border) solid var(--board-ink);background:var(--board-accent);box-shadow:clamp(5px,1.4cqw,12px) clamp(5px,1.4cqw,12px) 0 var(--board-ink)}.board[data-skin="block-frame"] .red-line{display:none}.board[data-skin="block-frame"] .points .point-element{border:var(--board-border) solid var(--board-ink)!important;border-radius:0;background:var(--board-accent-2);color:var(--board-ink);box-shadow:clamp(5px,1.4cqw,12px) clamp(5px,1.4cqw,12px) 0 var(--board-ink)}.board[data-skin="block-frame"] .points .point-element:nth-child(2){background:var(--board-accent-3)}.board[data-skin="block-frame"] .points .point-element:nth-child(3){background:#F7CB46}.board[data-skin="block-frame"] .accent-element{border:var(--board-border) solid var(--board-ink);border-radius:0;background:var(--board-accent);color:var(--board-ink);box-shadow:clamp(5px,1.4cqw,12px) clamp(5px,1.4cqw,12px) 0 #F7CB46}
.board[data-skin="raw-grid"] .board-copy{padding:4%;border:var(--board-border) solid var(--board-ink);border-left:clamp(44px,14cqw,118px) solid var(--board-ink)}.board[data-skin="raw-grid"] .red-line{display:none}.board[data-skin="raw-grid"] .points{gap:0;border-top:var(--board-border) solid var(--board-ink)}.board[data-skin="raw-grid"] .points .point-element{border:0;border-right:var(--board-border) solid var(--board-ink);border-bottom:var(--board-border) solid var(--board-ink);border-left:var(--board-border) solid var(--board-ink);border-radius:0;background:var(--board-bg)}.board[data-skin="raw-grid"] .points .point-element:nth-child(odd){background:var(--board-accent)}.board[data-skin="raw-grid"] .points .point-element b{align-self:stretch;display:grid;place-items:center;background:var(--board-ink);color:#fff}.board[data-skin="raw-grid"] .accent-element{border:var(--board-border) solid var(--board-ink);border-left:clamp(44px,14cqw,118px) solid var(--board-ink);border-radius:0;background:var(--board-accent-2);color:var(--board-ink)}
.board[data-skin="specimen-bold"] .points .point-element{border:0;border-radius:0;background:var(--board-accent);font-weight:900}.board[data-skin="specimen-bold"] .points .point-element:nth-child(2){background:var(--board-accent-2)}.board[data-skin="specimen-bold"] .points .point-element:nth-child(3){background:var(--board-accent-3)}.board[data-skin="specimen-bold"] .points .point-element p{font-size:1.15em}.board[data-skin="specimen-bold"] .accent-element{border:0;border-radius:0;background:var(--board-ink);color:#fff}
.board[data-skin="stencil-tablet"] .board-copy{padding:5%;border-radius:var(--board-radius);background:#000;color:var(--board-bg)}.board[data-skin="stencil-tablet"] .red-line{background:var(--board-accent-3)}.board[data-skin="stencil-tablet"] .points .point-element{border:0;background:var(--board-accent);color:#fff}.board[data-skin="stencil-tablet"] .points .point-element:nth-child(2){background:var(--board-accent-3);color:#fff}.board[data-skin="stencil-tablet"] .points .point-element:nth-child(3){background:var(--board-accent-2);color:#fff}.board[data-skin="stencil-tablet"] .points .point-element b{color:var(--board-bg)}.board[data-skin="stencil-tablet"] .accent-element{border:0;background:#D8A93B;color:var(--board-ink)}

@media(prefers-reduced-motion:no-preference){.skin-chip img{transition:transform .22s cubic-bezier(.16,1,.3,1)}.skin-chip:hover img{transform:scale(1.035)}}

/* Phase 6.1: every reference keeps its own visual grammar. */
.board[data-skin] .accent-element{z-index:4}
.board[data-skin] .board-visual{flex:0 0 50%;height:50%;margin-bottom:0}
.board.wide[data-skin] .board-visual{flex:0 0 43%;height:43%;margin-bottom:0}
.board[data-skin="salmon-stamp"] .points .point-element{background:transparent;border-top:clamp(14px,4.2cqw,36px) solid var(--board-accent-2)}
.board[data-skin="violet-marker"] .points .point-element{background:transparent;border-top:clamp(14px,4.2cqw,36px) solid var(--board-accent)}

/* Balanced references */
.board[data-skin="berry-pop"] .board-copy,.board[data-skin="cobalt-bloom"] .board-copy{padding:5%;border-radius:var(--board-radius);background:var(--board-accent);color:#fff}
.board[data-skin="berry-pop"] .red-line,.board[data-skin="cobalt-bloom"] .red-line{background:var(--board-accent-2)}
.board[data-skin="berry-pop"] .points .point-element,.board[data-skin="cobalt-bloom"] .points .point-element{border:0;background:var(--board-accent-2);color:var(--board-ink)}
.board[data-skin="berry-pop"] .points .point-element:nth-child(2),.board[data-skin="cobalt-bloom"] .points .point-element:nth-child(2){background:var(--board-accent);color:#fff}
.board[data-skin="berry-pop"] .accent-element,.board[data-skin="cobalt-bloom"] .accent-element{border:0;background:var(--board-ink);color:#fff}
.board[data-skin="coral"] .points .point-element{border:0;border-left:clamp(7px,2cqw,18px) solid var(--board-accent);background:var(--board-surface)}
.board[data-skin="coral"] .points .point-element b{color:var(--board-accent)}
.board[data-skin="coral"] .accent-element{border:0;background:var(--board-accent);color:#fff}
.board[data-skin="lime-slab"] .board-copy{padding:5%;background:var(--board-ink);color:var(--board-bg)}
.board[data-skin="lime-slab"] .red-line{background:var(--board-bg)}
.board[data-skin="lime-slab"] .points .point-element{border-color:var(--board-ink);border-radius:0;background:var(--board-surface)}
.board[data-skin="lime-slab"] .accent-element{border-color:var(--board-ink);border-radius:0;background:var(--board-ink);color:var(--board-bg)}
.board[data-skin="linen-cut"] .board-copy{padding:5%;background:var(--board-accent);color:#fff}
.board[data-skin="linen-cut"] .points .point-element{border:0;border-radius:0;background:var(--board-surface);box-shadow:clamp(7px,2cqw,18px) clamp(7px,2cqw,18px) 0 var(--board-accent-2)}
.board[data-skin="linen-cut"] .accent-element{border:0;border-radius:0;background:var(--board-accent-2);color:var(--board-ink)}
.board[data-skin="pin-and-paper"] .eyebrow-element{padding:.35em .7em;border:0;background:var(--board-accent-2);color:var(--board-ink)}
.board[data-skin="pin-and-paper"] .points .point-element{background:var(--board-surface);box-shadow:clamp(5px,1.3cqw,12px) clamp(5px,1.3cqw,12px) 0 var(--board-accent)}
.board[data-skin="pin-and-paper"] .points .point-element b{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:var(--board-accent);color:#fff}
.board[data-skin="pin-and-paper"] .accent-element{background:var(--board-accent-2);color:var(--board-ink)}
.board[data-skin="riptide-cobalt"] .board-copy{padding:5%;background:var(--board-accent);color:#fff}
.board[data-skin="riptide-cobalt"] .red-line{background:#fff}
.board[data-skin="riptide-cobalt"] .points .point-element{border-color:var(--board-accent);border-radius:0;background:#fff;color:var(--board-ink)}
.board[data-skin="riptide-cobalt"] .points .point-element:nth-child(2){background:var(--board-accent);color:#fff}
.board[data-skin="riptide-cobalt"] .accent-element{border:0;border-radius:0;background:var(--board-accent);color:#fff}

/* Bold references */
.board[data-skin="burst-panel"] .board-copy{padding:5%;border:var(--board-border) solid var(--board-ink);border-radius:var(--board-radius);background:var(--board-accent)}
.board[data-skin="burst-panel"] .points .point-element{border:var(--board-border) solid var(--board-ink);background:var(--board-surface)}
.board[data-skin="burst-panel"] .points .point-element b{display:grid;place-items:center;aspect-ratio:1;background:var(--board-bg);color:var(--board-ink)}
.board[data-skin="burst-panel"] .accent-element{border-color:var(--board-ink);background:var(--board-accent-2);color:var(--board-ink)}
.board[data-skin="confetti-wedge"] .points .point-element{border:0;background:var(--board-accent)}
.board[data-skin="confetti-wedge"] .points .point-element:nth-child(2){background:var(--board-accent-2)}
.board[data-skin="confetti-wedge"] .points .point-element:nth-child(3){background:var(--board-accent-3)}
.board[data-skin="confetti-wedge"] .accent-element{border-color:var(--board-ink);background:var(--board-surface);color:var(--board-ink)}
.board[data-skin="court-press"] .board-copy{padding:5%;background:var(--board-accent);color:#fff}
.board[data-skin="court-press"] .points .point-element{border-color:var(--board-ink);border-radius:0;background:var(--board-surface)}
.board[data-skin="court-press"] .points .point-element:nth-child(2){background:var(--board-accent-2)}
.board[data-skin="court-press"] .accent-element{border-color:var(--board-ink);border-radius:0;background:var(--board-accent);color:#fff}
.board[data-skin="crayon-stack"] .board-copy{padding:4.5%;background:var(--board-accent);color:#fff;box-shadow:clamp(5px,1.4cqw,12px) clamp(5px,1.4cqw,12px) 0 var(--board-ink)}
.board[data-skin="crayon-stack"] .points .point-element{border-color:var(--board-ink);background:var(--board-accent-2);box-shadow:clamp(5px,1.4cqw,12px) clamp(5px,1.4cqw,12px) 0 var(--board-ink)}
.board[data-skin="crayon-stack"] .points .point-element:nth-child(2){background:var(--board-accent-3);color:#fff}
.board[data-skin="crayon-stack"] .accent-element{background:var(--board-accent);color:#fff;box-shadow:clamp(5px,1.4cqw,12px) clamp(5px,1.4cqw,12px) 0 var(--board-ink)}
.board[data-skin="grove-block"] .board-copy{padding:5%;background:var(--board-accent);color:#fff}
.board[data-skin="grove-block"] .points .point-element{border:0;border-radius:0;background:var(--board-accent-2)}
.board[data-skin="grove-block"] .points .point-element:nth-child(2){background:var(--board-accent-3)}
.board[data-skin="grove-block"] .points .point-element:nth-child(3){background:var(--board-accent);color:#fff}
.board[data-skin="grove-block"] .accent-element{border:0;border-radius:0;background:var(--board-ink);color:#fff}
.board[data-skin="neo-grid-bold"] .board-copy{padding:4%;border:var(--board-border) solid var(--board-ink);border-left:clamp(52px,16cqw,136px) solid var(--board-ink)}
.board[data-skin="neo-grid-bold"] .red-line{display:none}
.board[data-skin="neo-grid-bold"] .points{gap:0;border-top:var(--board-border) solid var(--board-ink)}
.board[data-skin="neo-grid-bold"] .points .point-element{border:0;border-right:var(--board-border) solid var(--board-ink);border-bottom:var(--board-border) solid var(--board-ink);border-left:var(--board-border) solid var(--board-ink);border-radius:0;background:var(--board-surface)}
.board[data-skin="neo-grid-bold"] .points .point-element b{align-self:stretch;display:grid;place-items:center;background:var(--board-accent);color:var(--board-ink)}
.board[data-skin="neo-grid-bold"] .accent-element{border-color:var(--board-ink);border-radius:0;background:var(--board-accent);color:var(--board-ink)}
.board[data-skin="riso-brut"] .board-copy{padding:4.5%;border:var(--board-border) solid var(--board-ink);background:var(--board-accent-2);box-shadow:clamp(6px,1.6cqw,14px) clamp(6px,1.6cqw,14px) 0 var(--board-ink)}
.board[data-skin="riso-brut"] .points .point-element{border-color:var(--board-ink);border-radius:0;background:var(--board-accent);color:#fff;box-shadow:clamp(6px,1.6cqw,14px) clamp(6px,1.6cqw,14px) 0 var(--board-ink)}
.board[data-skin="riso-brut"] .points .point-element:nth-child(2){background:var(--board-accent-2);color:var(--board-ink)}
.board[data-skin="riso-brut"] .points .point-element:nth-child(3){background:var(--board-accent-3);color:#fff}
.board[data-skin="riso-brut"] .accent-element{border-color:var(--board-ink);border-radius:0;background:var(--board-accent);color:#fff;box-shadow:clamp(6px,1.6cqw,14px) clamp(6px,1.6cqw,14px) 0 var(--board-ink)}

/* Wide boards use a compact reference layout, so landscape never inherits portrait spacing. */
.board.wide[data-skin] .board-inner{padding:3.5% 5%}
.board.wide[data-skin] .board-layout{padding:1.5% 0 0}
.board.wide[data-skin] .board-copy{padding:2.2%}
.board.wide[data-skin] .board-visual{flex-basis:40%;height:40%;margin-top:2%}
.board.wide[data-skin] .points .point-element{min-height:0;margin-bottom:0;padding:4%;font-size:clamp(13px,3.4cqh,19px)}
.board[data-ratio="16:9"][data-skin] .board-visual{flex-basis:35%;height:35%}
.board[data-ratio="3:4"][data-skin] .board-visual{flex-basis:39%;height:39%}

/* Typography safety: two-line headlines, short explanations and text that shrinks before clipping. */
.board[data-skin] .board-copy,.board[data-skin] .title-element{width:100%}
.board[data-skin] .title-element{height:2.65em;max-height:none;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;line-break:strict;text-wrap:balance}
.board[data-skin] .body-element{max-height:4.5em;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;line-break:strict;text-wrap:pretty}
.board[data-skin] .accent-element{max-height:15cqh;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;line-break:strict;text-wrap:balance}
.board[data-skin] [data-point-index]{display:block;min-width:0;max-width:100%;max-height:3.9em;overflow:hidden;overflow-wrap:anywhere;word-break:break-word;line-break:strict;text-wrap:pretty}
.board[data-skin] .compare-card,.board[data-skin] .point-element{min-width:0;overflow:hidden}
.board[data-skin] .auto-fitted{letter-spacing:-.015em}
.board.edit-mode [contenteditable="true"]{caret-color:currentColor}
.board.edit-mode [contenteditable="true"]:focus{max-height:none;overflow:auto}

/* Teacher Notes Replica: original generated brushwork as a clean plate, editable HTML text above it. */
.board[data-skin="teacher-notes"]{background:#FCFCFA;color:#111;font-family:"LXGW WenKai",KaiTi,serif}
.board[data-skin="teacher-notes"] .board-grain{opacity:.08;background-image:radial-gradient(#837d72 0 .38px,transparent .72px);background-size:9px 11px}
.board[data-skin="teacher-notes"] .eyebrow-element{border-color:#D63228;color:#D63228;font-family:"LXGW WenKai",KaiTi,serif}
.board[data-skin="teacher-notes"] .title-element{font-family:"LXGW WenKai",KaiTi,serif;font-weight:800;letter-spacing:-.035em;text-shadow:.014em 0 #111,-.014em 0 #111}
.board[data-skin="teacher-notes"] .red-line{background:#D63228;transform:rotate(-.7deg);border-radius:50%}
.board[data-skin="teacher-notes"] .points .point-element{border:0;border-radius:0;background:transparent;color:#111;padding:3% 2%;grid-template-columns:12% minmax(0,1fr)}
.board[data-skin="teacher-notes"] .points .point-element b{font-size:0}.board[data-skin="teacher-notes"] .points .point-element b:before{content:"★";color:#D63228;font-size:24px}
.board[data-skin="teacher-notes"] .points .point-element:after{content:"";position:absolute;left:14%;right:2%;bottom:6%;height:2px;background:#D63228;transform:rotate(-.5deg)}
.board[data-skin="teacher-notes"] .stack-diagram .point-element,.board[data-skin="teacher-notes"] .flow-diagram .point-element,.board[data-skin="teacher-notes"] .compare-card{border:2px solid #111;border-radius:3px;background:#FCFCFA;color:#111;box-shadow:4px 4px 0 #111}
.board[data-skin="teacher-notes"] .flow-diagram .point-element:nth-child(2),.board[data-skin="teacher-notes"] .compare-card.red{border-color:#D63228;background:#FCFCFA;color:#111;box-shadow:4px 4px 0 #D63228}
.board[data-skin="teacher-notes"] .accent-element{border:2px solid #111;border-radius:3px;background:#FCFCFA;color:#111;box-shadow:4px 4px 0 #111}
.board[data-skin="teacher-notes"] .accent-element:before{color:#D63228;opacity:1}
.board.layout-cover[data-skin="teacher-notes"] .board-layout{justify-content:center;padding-bottom:22%}.board.layout-cover[data-skin="teacher-notes"] .board-visual{display:none}.board.layout-cover[data-skin="teacher-notes"] .title-element{font-size:clamp(32px,12cqw,100px)}

.board.layout-definition[data-skin="teacher-notes"]{background:#FCFCFA url("assets/design-references/teacher-notes-clean-plate-v1.png") center/contain no-repeat}
.board.layout-definition[data-skin="teacher-notes"] .board-grain{display:none}
.board.layout-definition[data-skin="teacher-notes"] .board-inner{inset:50% auto auto 50%;width:min(100cqw,56.25cqh);height:min(100cqh,177.777cqw);padding:0;display:block;transform:translate(-50%,-50%)}
.board.layout-definition[data-skin="teacher-notes"] .board-layout{position:absolute;inset:0;display:block;padding:0}
.board.layout-definition[data-skin="teacher-notes"] .board-copy{display:block;background:transparent;color:#111}
.board.layout-definition[data-skin="teacher-notes"] .eyebrow-element{position:absolute;z-index:3;left:14%;top:41%;bottom:45%;width:25%;max-width:none;height:auto!important;min-height:0!important;max-height:none!important;contain:layout size;display:grid;place-items:center;padding:0;border:0;color:#111;font:700 clamp(11px,4.4cqw,37px)/1.15 "LXGW WenKai",KaiTi,serif;text-align:center;white-space:pre-line;overflow:hidden}
.board.layout-definition[data-skin="teacher-notes"] .eyebrow-element #boardEyebrow{display:grid;place-items:center;width:100%;height:100%;min-height:0;overflow:hidden}
.board.layout-definition[data-skin="teacher-notes"] .title-element{position:absolute;z-index:3;left:10.5%;right:7%;top:5.2%;width:auto;height:10.8cqh;display:flex;align-items:center;margin:0;background:transparent!important;color:#111;font-family:"LXGW WenKai",KaiTi,serif;font-size:clamp(25px,8.4cqw,71px);font-weight:800;line-height:1.02;letter-spacing:-.045em;white-space:nowrap;text-shadow:.018em 0 #111,-.018em 0 #111}
.board.layout-definition[data-skin="teacher-notes"] .red-line{display:none}
.board.layout-definition[data-skin="teacher-notes"] .body-element{position:absolute;z-index:3;left:18%;right:7%;top:20.4%;width:auto;max-width:none;height:6.8cqh;display:flex;align-items:center;margin:0;color:#111;font-family:"LXGW WenKai",KaiTi,serif;font-size:clamp(13px,4.25cqw,36px);font-weight:600;line-height:1.15}
.board.layout-definition[data-skin="teacher-notes"] .board-visual{position:absolute;z-index:3;left:52.8%;right:8.4%;top:28.2%;width:auto;height:40.5cqh;display:block;margin:0}
.teacher-replica-map{position:absolute;inset:0;width:100%;height:100%;color:#111}
.teacher-replica-point{position:absolute;left:0;width:100%;height:15%;display:grid!important;place-items:center;margin:0;padding:0 7%;color:#111;font-family:"LXGW WenKai",KaiTi,serif;font-size:clamp(12px,4cqw,34px);font-weight:700;line-height:1.1;text-align:center}
.teacher-replica-point-1{top:0}.teacher-replica-point-2{top:38.5%}.teacher-replica-point-3{top:77%}
.board.layout-definition[data-skin="teacher-notes"] .accent-element{position:absolute;z-index:3;left:18%;right:9%;bottom:10.3%;width:auto;max-width:none;height:8.2cqh;display:flex;align-items:center;margin:0;padding:0;color:#111;border:0;border-radius:0;background:transparent!important;box-shadow:none;font-family:"LXGW WenKai",KaiTi,serif;font-size:clamp(13px,4cqw,34px);font-weight:700;line-height:1.2;text-align:left;transform:none}
.board.layout-definition[data-skin="teacher-notes"] .accent-element:before{display:none}
.board.layout-definition[data-skin="teacher-notes"] footer{left:5%;right:5%;bottom:2.4%;width:auto;transform:none;padding:0;color:#777}
.board.layout-definition[data-skin="teacher-notes"] [data-point-index]{max-height:100%}
.board.wide.layout-definition[data-skin="teacher-notes"] .title-element{white-space:normal}

/* Chalk Bridge: generated concept distilled into a responsive relationship diagram. */
.board[data-skin="focus-lecture"]{background:#071827;color:#F3F6F7;font-family:"LXGW WenKai",KaiTi,sans-serif}
.board[data-skin="focus-lecture"] ::selection{background:#43A5E844;color:inherit}
.board[data-skin="focus-lecture"] .board-grain{opacity:.16;background-image:radial-gradient(#7DA1B6 0 .35px,transparent .65px);background-size:7px 9px}
.board[data-skin="focus-lecture"] .safe-guide{border-color:#43A5E844}.board[data-skin="focus-lecture"] .safe-guide:before{color:#43A5E877}
.board[data-skin="focus-lecture"] .board-inner{padding:6.2% 6.8% 5.8%}
.board[data-skin="focus-lecture"] .eyebrow-element{padding:0;border:0;color:#43A5E8;font:700 clamp(8px,2.7cqw,22px)/1.2 "LXGW WenKai",KaiTi,serif}
.board[data-skin="focus-lecture"] .board-layout{padding-top:3%;padding-bottom:18%}
.board[data-skin="focus-lecture"] .board-copy{padding:0;background:transparent;color:#F3F6F7}
.board[data-skin="focus-lecture"] .title-element{height:2.25em;background:transparent!important;color:#F3F6F7;font-family:"LXGW WenKai",KaiTi,sans-serif;font-weight:700;text-shadow:none}
.board[data-skin="focus-lecture"] .red-line{width:54%;height:clamp(2px,.55cqw,5px);margin:2% 0 2.7%;background:#43A5E8;transform:rotate(-1.2deg);border-radius:60%}
.board[data-skin="focus-lecture"] .body-element{color:#AFCBE0;font-family:"LXGW WenKai",KaiTi,sans-serif;font-weight:600}
.board[data-skin="focus-lecture"] .board-visual{flex-basis:50%;height:50%;margin-top:2.5%}
.board[data-skin="focus-lecture"] .points .point-element{border:0;border-radius:0;background:transparent;color:#F3F6F7;grid-template-columns:14% minmax(0,1fr);padding:3% 1%}
.board[data-skin="focus-lecture"] .points .point-element b{font-size:0}.board[data-skin="focus-lecture"] .points .point-element b:before{content:"✦";color:#43A5E8;font-size:24px}
.board[data-skin="focus-lecture"] .points .point-element:after{content:"";position:absolute;left:16%;right:3%;bottom:5%;height:2px;background:#43A5E8;transform:rotate(-.6deg)}
.board[data-skin="focus-lecture"] .stack-diagram .point-element{border:2px solid #F3F6F7;border-radius:50%;background:transparent;color:#F3F6F7;transform:rotate(-1deg)}
.board[data-skin="focus-lecture"] .stack-diagram .point-element:nth-child(2){border-color:#43A5E8;color:#F1BC3B;transform:rotate(1deg)}
.board[data-skin="focus-lecture"] .compare-card{border:2px solid #F3F6F7;border-radius:3px;background:transparent;color:#F3F6F7;transform:rotate(-.6deg)}
.board[data-skin="focus-lecture"] .compare-card.red{border-color:#43A5E8;background:transparent;color:#F1BC3B;transform:rotate(.6deg)}
.board.layout-cover[data-skin="focus-lecture"] .board-layout{justify-content:center;padding-bottom:21%}.board.layout-cover[data-skin="focus-lecture"] .board-visual{display:none}.board.layout-cover[data-skin="focus-lecture"] .title-element{font-size:clamp(34px,12cqw,104px);color:#F1BC3B}
.chalk-map{position:relative;width:100%;height:100%;display:grid;grid-template-rows:28% 44% 28%;place-items:center;color:#F3F6F7}
.chalk-flow{position:absolute;z-index:0;inset:0;width:100%;height:100%;fill:none;stroke:#F3F6F7;stroke-width:1.2;stroke-dasharray:2.6 2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.76}
.chalk-node{position:relative;z-index:2;display:grid;place-items:center;width:58%;height:68%;padding:2% 7%;color:#F3F6F7;font-size:clamp(13px,4.3cqw,36px);font-weight:700;line-height:1.12;text-align:center}
.chalk-node-1,.chalk-node-3{border:clamp(1px,.42cqw,3px) solid #F3F6F7;border-radius:50%;transform:rotate(-1deg)}
.chalk-node-3{transform:rotate(1deg)}
.chalk-node-1:after,.chalk-node-3:after{content:"";position:absolute;inset:5% -2% -5% 2%;border:1px solid #43A5E8;border-radius:50%;transform:rotate(2deg)}
.chalk-node-2{width:72%;height:76%;color:#F1BC3B;font-size:clamp(17px,6cqw,50px);font-weight:800;text-shadow:0 1px 0 #000}
.chalk-node-2 span{position:relative;z-index:3;padding:2% 7%;border-radius:48%;background:#0B2439}
.chalk-node [data-point-index]{max-height:2.4em}
.bridge-doodle{position:absolute;z-index:1;left:-20%;top:3%;width:140%;height:94%;fill:none;stroke:#F3F6F7;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;opacity:.85}
.board[data-skin="focus-lecture"] .accent-element{left:10%;right:10%;bottom:7%;padding:2.8% 4%;border:clamp(1px,.45cqw,4px) solid #43A5E8;border-radius:50%;background:transparent!important;color:#F1BC3B;font-family:"LXGW WenKai",KaiTi,sans-serif;text-align:center;transform:rotate(-1deg)}
.board[data-skin="focus-lecture"] .accent-element:before{content:"关键结论";color:#43A5E8;opacity:1}
.board[data-skin="focus-lecture"] footer{color:#AFCBE0}

.board.wide[data-skin="focus-lecture"] .board-visual{flex-basis:42%;height:42%}
.board.wide[data-skin="focus-lecture"] .chalk-map{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:6%}.board.wide[data-skin="focus-lecture"] .chalk-node{width:100%;height:64%}.board.wide[data-skin="focus-lecture"] .chalk-node-2{height:82%}.board.wide[data-skin="focus-lecture"] .chalk-flow{transform:rotate(-90deg)}.board.wide[data-skin="focus-lecture"] .bridge-doodle{left:-8%;width:116%}
.board[data-ratio="1:1"][data-skin] .compare-diagram{height:100%;grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr);gap:3%}.board[data-ratio="1:1"][data-skin] .compare-card{width:100%}.board[data-ratio="1:1"][data-skin] .compare-card [data-point-index]{margin:1% 0;line-height:1.3;max-height:5.2em}.board[data-ratio="1:1"][data-skin] .compare-plus{display:block;align-self:center}
.board[data-ratio="3:4"][data-skin="focus-lecture"] .chalk-node{height:52%;font-size:clamp(11px,3.6cqw,28px)}.board[data-ratio="3:4"][data-skin="focus-lecture"] .chalk-node-2{height:58%;font-size:clamp(13px,4.5cqw,34px)}

/* Phase 12: semantic storyboard grammar. Skins color the board; layouts explain the idea. */
.board.layout-question .board-layout,.board.layout-quote .board-layout,.board.layout-spotlight .board-layout{justify-content:center}
.board.layout-question .title-element{font-size:clamp(30px,10.7cqw,90px);height:auto;max-height:2.65em;padding-bottom:.12em;overflow:visible}
.board.layout-question .red-line{width:68%}
.board.layout-question .accent-element{position:relative;left:auto;right:auto;bottom:auto;width:auto;max-width:100%;margin:0 0 2%;padding:1.5% 3%;border:var(--board-border) solid var(--board-accent);background:transparent;color:var(--board-emphasis);font-size:clamp(11px,3cqw,25px);text-shadow:none}
.board.layout-question .accent-element:before{display:none}
.question-diagram{display:grid;width:100%;height:100%;grid-template-rows:repeat(3,minmax(0,1fr));gap:clamp(8px,1.7cqh,18px)}
.question-item{display:grid;min-height:0;grid-template-columns:clamp(28px,8cqw,68px) minmax(0,1fr);align-items:center;gap:4%;padding:2.8% 4%;border:var(--board-border) solid var(--board-ink);border-radius:var(--board-radius);background:var(--board-surface);font-size:clamp(12px,3.65cqw,31px);font-weight:700;line-height:1.22}
.question-item p{margin:0}
.question-item b{display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:var(--board-accent);color:var(--board-on-accent);font:800 .72em/1 Arial,sans-serif}
.question-item:nth-child(2){transform:translateX(5%)}

.timeline-diagram{position:relative;display:grid;width:100%;height:100%;grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(7px,1.5cqh,16px);padding-left:3%}
.timeline-diagram:before{content:"";position:absolute;left:calc(clamp(30px,9cqw,76px)/2 + 3%);top:7%;bottom:7%;width:clamp(2px,.45cqw,4px);background:var(--board-accent);transform:rotate(-.5deg)}
.timeline-stop{position:relative;display:grid;min-height:0;grid-template-columns:clamp(30px,9cqw,76px) minmax(0,1fr);align-items:center;gap:5%;font-size:clamp(11px,3.4cqw,29px);line-height:1.18}
.timeline-stop b{position:relative;z-index:2;display:grid;place-items:center;aspect-ratio:1;border:var(--board-border) solid var(--board-accent);border-radius:50%;background:var(--board-bg);color:var(--board-emphasis);font:800 .55em/1 Arial,sans-serif}
.timeline-stop p{margin:0;padding:2% 4%;border-bottom:var(--board-border) solid var(--board-ink)}

.hierarchy-diagram{position:relative;display:grid;width:100%;height:100%;grid-template-rows:auto minmax(0,1fr);gap:clamp(18px,4cqh,38px);padding-top:1%}
.hierarchy-root{position:relative;width:62%;margin:auto;background:var(--board-accent);color:var(--board-on-accent)}
.hierarchy-root:after{content:"";position:absolute;left:50%;top:100%;width:var(--board-border);height:clamp(20px,4cqh,40px);background:var(--board-accent)}
.hierarchy-node{position:relative;display:grid;place-items:center;min-height:clamp(54px,14cqw,118px);padding:4%;border:var(--board-border) solid var(--board-ink);border-radius:var(--board-radius);text-align:center;font-size:clamp(12px,3.65cqw,31px);font-weight:700;line-height:1.25;background:var(--board-surface)}
.hierarchy-node p{margin:0}
.hierarchy-branches{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%}
.hierarchy-branches:before{content:"";position:absolute;left:16%;right:16%;top:calc(-1 * clamp(10px,2cqh,20px));height:var(--board-border);background:var(--board-accent)}
.hierarchy-branches .hierarchy-node:before{content:"";position:absolute;top:calc(-1 * clamp(10px,2cqh,20px));width:var(--board-border);height:clamp(10px,2cqh,20px);background:var(--board-accent)}

.cause-diagram{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:3%}
.cause-card{display:flex;min-height:clamp(105px,29cqw,244px);flex-direction:column;justify-content:center;padding:8%;border:var(--board-border) solid var(--board-ink);border-radius:var(--board-radius);background:var(--board-surface);font-size:clamp(12px,3.6cqw,30px);font-weight:700;line-height:1.25}
.cause-card.result{border-color:var(--board-accent);color:var(--board-emphasis)}
.cause-card small{margin-bottom:.7em;font:700 .42em/1 "Microsoft YaHei",sans-serif;opacity:.64}
.cause-card p{margin:0}
.cause-arrow{color:var(--board-emphasis);font:900 clamp(20px,6cqw,52px)/1 Arial,sans-serif}
.cause-note{grid-column:1/-1;margin:0 8%;padding:2.8% 4%;border-bottom:var(--board-border) solid var(--board-accent);text-align:center;font-size:clamp(11px,3.3cqw,28px)}
.cause-note p{margin:0}

.spotlight-diagram{display:grid;width:100%;height:100%;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1.6fr) auto;gap:clamp(12px,2.5cqh,26px);align-items:center}
.spotlight-value{display:block;align-self:center;min-width:0;min-height:0;padding:.12em 0;color:var(--board-emphasis);font:900 clamp(58px,22cqw,184px)/1.08 "Microsoft YaHei","Segoe UI",sans-serif;letter-spacing:-.07em;text-align:left;white-space:nowrap;overflow:hidden}
.board[data-skin] .spotlight-value[data-point-index]{height:auto;max-height:none;align-self:center;overflow:hidden;overflow-wrap:normal;word-break:keep-all;text-wrap:nowrap;white-space:nowrap}
.spotlight-notes{display:grid;grid-template-columns:1fr 1fr;gap:4%}
.spotlight-note{display:block;margin:0;padding:1% 0;border-top:var(--board-border) solid var(--board-ink);font-size:clamp(9px,2.35cqw,17px);font-weight:700;line-height:1.22}

.board.layout-quote .eyebrow-element{margin-left:9%}
.board.layout-quote .board-copy{position:relative;width:82%;margin:auto;padding:9% 4% 7%;border:0;background:transparent!important}
.board.layout-quote .board-copy:before{content:"“";position:absolute;left:-3%;top:-8%;color:var(--board-accent);font:900 clamp(72px,24cqw,200px)/1 Georgia,serif;opacity:.9}
.board.layout-quote .title-element{position:relative;z-index:1;height:auto;min-height:3.2em;max-height:4.5em;font-size:clamp(31px,10.5cqw,88px);line-height:1.45}
.board.layout-quote .red-line{width:100%;margin-top:7%}
.board.layout-quote .accent-element{position:relative;left:auto;right:auto;bottom:auto;width:auto;max-width:100%;margin:0 0 4%;padding:0;border:0;background:transparent;color:var(--board-emphasis);font-size:clamp(13px,3.8cqw,32px);text-shadow:none}
.board.layout-quote .accent-element:before{display:none}
.board.layout-quote .body-element{margin-left:auto;max-width:72%;text-align:right}
.board.layout-quote .board-visual{display:none}

.board.variant-2:not(.layout-quote) .board-copy{margin-left:6%;width:94%}
.board.variant-2:not(.layout-quote) .red-line{width:62%}
.board.variant-2 .board-visual{margin-left:4%}
.board.variant-3:not(.layout-cover):not(.layout-quote) .title-element{max-width:82%}
.board.variant-3:not(.layout-cover):not(.layout-quote) .red-line{width:78%;transform:rotate(-1deg)}
.board.variant-3 .board-visual{margin-top:4%;margin-right:5%}

.board.layout-question .board-layout,.board.layout-timeline .board-layout,.board.layout-hierarchy .board-layout,.board.layout-cause .board-layout,.board.layout-spotlight .board-layout{padding-bottom:20%}

.board.wide .timeline-diagram{grid-template-columns:repeat(4,minmax(0,1fr));padding:0;gap:3%}
.board.wide .question-diagram{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:3%}
.board.wide.layout-question .body-element{display:none}
.board.wide .question-item{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);align-content:start;padding:4%;overflow:hidden;font-size:clamp(10px,2.7cqh,20px)}
.board.wide .question-item:nth-child(2){transform:none}
.board.wide .compare-diagram{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:1fr;gap:3%;height:100%}
.board.wide .compare-plus{display:block;align-self:center}
.board.wide .compare-card{height:100%;min-height:0;padding:5%}
.board .compare-card b[data-point-index]{display:block;min-width:0;flex:0 0 auto;line-height:1.32;overflow-wrap:anywhere;word-break:break-word}
.board[data-ratio="1:1"] .compare-card b[data-point-index]{flex:0 0 auto;font-size:clamp(11px,3.8cqw,18px);line-height:1.25}
.board .compare-card small[data-point-index]{display:block;min-width:0;flex:0 0 auto;line-height:1.3;overflow-wrap:anywhere}
.board.wide .timeline-diagram:before{left:6%;right:6%;top:25%;bottom:auto;width:auto;height:var(--board-border)}
.board.wide .timeline-stop{grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:7%;text-align:center}
.board.wide .timeline-stop b{width:clamp(30px,7cqh,64px);justify-self:center}
.board.wide .timeline-stop p{border:0;padding:3% 2%}
.board.wide .hierarchy-diagram{gap:12%}.board.wide .hierarchy-root{width:42%}.board.wide .hierarchy-node{min-height:clamp(42px,12cqh,90px);font-size:clamp(12px,3cqh,24px)}
.board.wide .cause-card{min-height:clamp(90px,25cqh,190px);padding:6%}
.board.wide .spotlight-diagram{grid-template-columns:.8fr 1.2fr;gap:7%}.board.wide .spotlight-value{font-size:clamp(64px,20cqh,160px)}.board.wide .spotlight-notes{grid-template-columns:1fr}
.board.wide.layout-quote .board-copy{width:88%;padding:5% 3%}.board.wide.layout-quote .title-element{font-size:clamp(34px,8cqh,72px)}
.board.wide.layout-question .board-layout,.board.wide.layout-timeline .board-layout,.board.wide.layout-hierarchy .board-layout,.board.wide.layout-cause .board-layout,.board.wide.layout-spotlight .board-layout{padding-bottom:15%}
.board .spotlight-note[data-point-index]{min-height:3em;padding:.12em 0 .28em;max-height:none;line-height:1.28}

@media (prefers-reduced-motion:reduce){.board.motion-running *{animation:none!important;transition:none!important}}

/* Phase 13: responsive type rhythm and content-aware spacing. */
.board[data-skin] .title-element{height:auto;min-height:1.08em;max-height:2.46em;padding-bottom:.08em}
.board[data-skin]:not(.layout-cover):not(.layout-quote).title-short .title-element{font-size:clamp(28px,9.6cqw,82px)}
.board[data-skin]:not(.layout-cover):not(.layout-quote).title-medium .title-element{font-size:clamp(26px,8.55cqw,74px)}
.board[data-skin]:not(.layout-cover):not(.layout-quote).title-long .title-element{font-size:clamp(23px,7.55cqw,66px);line-height:1.1}
.board.wide[data-skin]:not(.layout-cover):not(.layout-quote).title-short .title-element{font-size:clamp(28px,7.1cqh,70px)}
.board.wide[data-skin]:not(.layout-cover):not(.layout-quote).title-medium .title-element{font-size:clamp(26px,6.3cqh,62px)}
.board.wide[data-skin]:not(.layout-cover):not(.layout-quote).title-long .title-element{font-size:clamp(23px,5.6cqh,54px)}
.board.sparse:not(.layout-cover):not(.layout-quote) .board-layout,.board.layout-question .board-layout,.board.layout-spotlight .board-layout{justify-content:flex-start;padding-top:3.2%}
.board[data-skin="teacher-notes"] .accent-element,.board[data-skin="teacher-notes"] .compare-card b{font-family:"LXGW WenKai",KaiTi,serif;letter-spacing:-.015em}
.board[data-skin="teacher-notes"] .accent-element{font-size:clamp(13px,3.65cqw,31px);line-height:1.32}
.timeline-diagram:has(.timeline-stop:nth-child(3):last-child){grid-template-rows:repeat(3,minmax(0,1fr))}
.timeline-diagram:has(.timeline-stop:nth-child(3):last-child):before{bottom:16%}
.timeline-diagram:has(.timeline-stop:nth-child(2):last-child){grid-template-rows:repeat(2,minmax(0,1fr))}
.timeline-diagram:has(.timeline-stop:nth-child(2):last-child):before{bottom:25%}
.stack-diagram:has(.point-element:only-child){grid-template-rows:minmax(0,.72fr);align-content:start}
.stack-diagram:has(.point-element:nth-child(2):last-child){grid-template-rows:repeat(2,minmax(0,1fr))}

/* Phase 13.1: hierarchy nodes follow their actual count instead of reserving empty columns. */
.hierarchy-root{background:var(--board-accent);color:var(--board-on-accent)}
.hierarchy-branches:has(.hierarchy-node:only-child){grid-template-columns:minmax(0,68%);justify-content:center}
.hierarchy-branches:has(.hierarchy-node:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));gap:5%}
.hierarchy-branches:has(.hierarchy-node:only-child):before{left:50%;right:auto;width:var(--board-border)}
.hierarchy-branches:has(.hierarchy-node:nth-child(2):last-child):before{left:24%;right:24%}
.hierarchy-node p{overflow-wrap:normal;word-break:keep-all}
.board[data-skin="teacher-notes"] .hierarchy-root{background:#D63228;color:#fff;border-color:#D63228;box-shadow:4px 4px 0 #111}
.board.layout-quote .board-copy{width:92%;padding-left:1.5%;padding-right:1.5%}

/* Phase 14: content occupancy drives composition instead of stretching every page alike. */
.board.layout-quote .title-element{min-height:3.2em;max-height:4.5em;line-height:1.45}
.board.layout-cover .accent-element{position:relative;left:auto;right:auto;bottom:auto;align-self:flex-start;width:auto;max-width:86%;margin-top:6%;padding:2.2% 3%;box-shadow:none}
.board.layout-cover .accent-element:before{display:none}
.board.layout-cover .board-layout{padding-bottom:6%}
.board.layout-cover.occupancy-low .board-copy{transform:translateY(-5%)}

.board.layout-bullets .board-visual,.board.layout-recap .board-visual{flex:1 1 auto;height:auto;margin-top:4%}
.board.layout-bullets .points,.board.layout-recap .points{height:100%;grid-template-rows:none;grid-auto-rows:minmax(clamp(58px,14cqw,118px),auto);align-content:start;padding-top:9%;gap:clamp(11px,2.25cqh,24px)}
.board.layout-bullets .accent-element,.board.layout-recap .accent-element{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:7%;padding:2.8% 4%}
.board.layout-bullets .accent-element:before,.board.layout-recap .accent-element:before{display:inline;margin:0 .8em 0 0}
.board.layout-bullets.point-count-1 .points,.board.layout-recap.point-count-1 .points{grid-auto-rows:minmax(clamp(90px,23cqw,190px),auto)}
.board.layout-bullets.point-count-1 .point-element,.board.layout-recap.point-count-1 .point-element{font-size:clamp(18px,5.6cqw,47px)}
.board.layout-bullets.point-count-2 .points,.board.layout-recap.point-count-2 .points{gap:clamp(18px,3.2cqh,34px)}

.board.layout-question.point-count-1 .question-diagram{grid-template-rows:minmax(0,.52fr);align-content:start}
.board.layout-question.point-count-2 .question-diagram{grid-template-rows:repeat(2,minmax(0,1fr))}
.board.layout-question.point-count-1 .question-item{font-size:clamp(16px,4.8cqw,40px)}

.board.layout-bullets.variant-2 .point-element:nth-child(2),.board.layout-recap.variant-2 .point-element:nth-child(2){margin-left:6%;width:94%}
.board.layout-bullets.variant-2 .point-element:nth-child(3),.board.layout-recap.variant-2 .point-element:nth-child(3){margin-left:12%;width:88%}
.board.layout-bullets.variant-3 .points,.board.layout-recap.variant-3 .points{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(clamp(78px,19cqw,160px),auto);align-items:stretch}
.board.layout-bullets.variant-3 .point-element,.board.layout-recap.variant-3 .point-element{grid-template-columns:auto minmax(0,1fr)}
.board.layout-bullets.variant-3 .point-element:first-child,.board.layout-recap.variant-3 .point-element:first-child{grid-column:1/-1}

.board.layout-hierarchy.occupancy-low .hierarchy-root{width:54%}
.board.layout-hierarchy.occupancy-low .hierarchy-branches{align-content:start}
.board.layout-hierarchy.occupancy-low .hierarchy-node{min-height:clamp(62px,17cqw,140px)}

.board.wide.layout-bullets .board-visual,.board.wide.layout-recap .board-visual{flex:1 1 auto;height:auto}
.board.wide.layout-bullets .points,.board.wide.layout-recap .points{grid-template-columns:repeat(var(--wide-point-columns,3),minmax(0,1fr));grid-template-rows:1fr;grid-auto-rows:auto}
.board.wide.layout-bullets.point-count-1 .points,.board.wide.layout-recap.point-count-1 .points{--wide-point-columns:1}
.board.wide.layout-bullets.point-count-2 .points,.board.wide.layout-recap.point-count-2 .points{--wide-point-columns:2}

/* Phase 15: treatments now alter composition, not only color and decoration. */
.board[data-skin="grove"] .board-copy .title-element,.board[data-skin="grove"] .board-copy .body-element{color:var(--board-bg)}
.board[data-skin="grove"] .eyebrow-element{color:var(--board-accent)}
.board[data-skin="jade-lens"] .board-copy .title-element,.board[data-skin="jade-lens"] .board-copy .body-element,.board[data-skin="berry-pop"] .board-copy .title-element,.board[data-skin="berry-pop"] .board-copy .body-element,.board[data-skin="cobalt-bloom"] .board-copy .title-element,.board[data-skin="cobalt-bloom"] .board-copy .body-element,.board[data-skin="cut-bloom"] .board-copy .title-element,.board[data-skin="cut-bloom"] .board-copy .body-element{color:#fff}
.board[data-skin="stencil-tablet"] .board-copy .title-element,.board[data-skin="stencil-tablet"] .board-copy .body-element{color:var(--board-bg)}
.board[data-skin="berry-pop"] .points .point-element:nth-child(2) b,.board[data-skin="cobalt-bloom"] .points .point-element:nth-child(2) b{color:#fff}
.board.layout-bullets:is([data-skin-treatment="cards"],[data-skin-treatment="soft"],[data-skin-treatment="dashboard"]) .points,.board.layout-recap:is([data-skin-treatment="cards"],[data-skin-treatment="soft"],[data-skin-treatment="dashboard"]) .points{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(clamp(82px,20cqw,168px),auto);gap:4%}
.board.layout-bullets:is([data-skin-treatment="cards"],[data-skin-treatment="soft"],[data-skin-treatment="dashboard"]) .point-element:first-child,.board.layout-recap:is([data-skin-treatment="cards"],[data-skin-treatment="soft"],[data-skin-treatment="dashboard"]) .point-element:first-child{grid-column:1/-1}
.board.layout-bullets:is([data-skin-treatment="brutal"],[data-skin-treatment="poster"],[data-skin-treatment="slab"],[data-skin-treatment="blocks"]) .points,.board.layout-recap:is([data-skin-treatment="brutal"],[data-skin-treatment="poster"],[data-skin-treatment="slab"],[data-skin-treatment="blocks"]) .points{grid-template-columns:1.18fr .82fr;grid-auto-rows:minmax(clamp(78px,19cqw,158px),auto)}
.board.layout-bullets:is([data-skin-treatment="brutal"],[data-skin-treatment="poster"],[data-skin-treatment="slab"],[data-skin-treatment="blocks"]) .point-element:first-child,.board.layout-recap:is([data-skin-treatment="brutal"],[data-skin-treatment="poster"],[data-skin-treatment="slab"],[data-skin-treatment="blocks"]) .point-element:first-child{grid-row:span 2}
.board.layout-bullets:is([data-skin-treatment="editorial"],[data-skin-treatment="bands"]) .point-element,.board.layout-recap:is([data-skin-treatment="editorial"],[data-skin-treatment="bands"]) .point-element{padding-top:2.5%;padding-bottom:2.5%;border-left:0;border-right:0}
.board.layout-bullets:is([data-skin-treatment="collage"],[data-skin-treatment="folk"]) .point-element:nth-child(2),.board.layout-recap:is([data-skin-treatment="collage"],[data-skin-treatment="folk"]) .point-element:nth-child(2){margin-left:7%;width:93%}
.board.layout-bullets:is([data-skin-treatment="collage"],[data-skin-treatment="folk"]) .point-element:nth-child(3),.board.layout-recap:is([data-skin-treatment="collage"],[data-skin-treatment="folk"]) .point-element:nth-child(3){margin-left:2%;width:96%}

/* Phase 16: language-aware typography keeps English phrases intact and mixed copy calm. */
.board.lang-latin.font-marker{font-family:"Segoe Print","Comic Sans MS","LXGW WenKai Lite","Segoe UI",sans-serif;letter-spacing:-.018em}
.board.lang-latin.font-sans{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif}
.board.lang-latin .title-element{max-width:100%;font-weight:720;letter-spacing:-.045em;line-height:1.04;word-break:normal;overflow-wrap:break-word;text-wrap:balance}
.board.lang-latin .body-element,.board.lang-latin [data-point-index],.board.lang-latin .accent-element{word-break:normal;overflow-wrap:break-word;hyphens:none}
.board.lang-latin .body-element,.board.lang-latin .point-element{line-height:1.38}
.board.lang-latin .eyebrow-element{letter-spacing:.045em}
.board.lang-mixed .title-element,.board.lang-mixed .body-element,.board.lang-mixed [data-point-index],.board.lang-mixed .accent-element{word-break:normal;overflow-wrap:break-word;text-wrap:pretty}
.board.lang-mixed .title-element{letter-spacing:-.012em;line-height:1.12}
.board.lang-mixed .point-element{line-height:1.44}
.board.lang-latin.wide .title-element{line-height:1.02}
.board.lang-latin.layout-quote .title-element{line-height:1.22}

/* Phase 17: the director selects a composition recipe independently from the skin. */
.board.header-quiet .eyebrow-element{height:0;min-height:0;margin:0;padding:0;border:0;opacity:0;pointer-events:none;overflow:hidden}
.board.header-quiet .board-layout{padding-top:7.5%}
.board.fill-low:not(.layout-cover):not(.layout-quote) .board-visual{flex:1;min-height:0}
.board.fill-low:is(.layout-bullets,.layout-recap) .board-visual{display:flex;align-items:center;margin-top:2%}
.board.fill-low:is(.layout-bullets,.layout-recap) .points{width:100%;padding-top:0}
.board.fill-low.layout-question .question-diagram,.board.fill-low.layout-definition .stack-diagram{align-content:center;height:100%}
.board.fill-high .board-layout{padding-top:3.2%}
.board.fill-high .board-visual{margin-top:3.4%}

.board.composition-manifesto .board-copy{width:100%;padding-top:8%}
.board.composition-manifesto .title-element{max-width:94%}
.board.composition-split-hook .board-layout{justify-content:center}
.board.composition-split-hook .board-copy{width:84%;margin-left:auto;border-left:var(--board-border) solid var(--board-accent);padding-left:6%}
.board.composition-stamp-hook .board-copy{margin-top:12%;padding:7% 6%;border:var(--board-border) solid var(--board-ink);box-shadow:clamp(5px,1.5cqw,12px) clamp(5px,1.5cqw,12px) 0 var(--board-accent)}

.board.composition-question-stack .question-diagram{align-content:center}
.board.composition-question-split .question-diagram{grid-template-columns:1fr 1fr;grid-template-rows:auto;align-items:stretch}
.board.composition-question-split .question-item:first-child{grid-column:1/-1}
.board.composition-question-field .question-item{border-left:clamp(4px,1.2cqw,10px) solid var(--board-accent);border-right:0;border-top:0}

.board.composition-core-map .stack-diagram{align-content:center}
.board.composition-definition-split .stack-diagram{grid-template-columns:1.2fr .8fr;grid-template-rows:auto}
.board.composition-definition-split .point-element:first-child{grid-row:span 2}
.board.composition-definition-stack .stack-diagram .point-element:nth-child(2){margin-left:7%;width:93%}
.board.composition-definition-stack .stack-diagram .point-element:nth-child(3){margin-left:14%;width:86%}

.board.composition-list-rail .points{grid-template-columns:1fr!important;grid-auto-rows:auto!important}
.board.composition-list-rail .point-element{border-left:0!important;border-right:0!important;border-top:0!important;box-shadow:none!important}
.board.composition-list-mosaic .points{grid-template-columns:1.15fr .85fr!important;grid-auto-rows:minmax(clamp(74px,18cqw,150px),auto)!important;gap:4%!important}
.board.composition-list-mosaic .point-element:first-child{grid-row:span 2;grid-column:auto!important}
.board.composition-list-stair .point-element:nth-child(2){margin-left:7%;width:93%}
.board.composition-list-stair .point-element:nth-child(3){margin-left:14%;width:86%}

.board.composition-flow-steps .flow-diagram{gap:clamp(9px,2.2cqh,22px)}
.board.composition-flow-steps .flow-diagram .point-element{border-left:clamp(5px,1.2cqw,10px) solid var(--board-accent)}
.board.composition-flow-snake .flow-diagram .point-element:nth-child(odd){width:86%}
.board.composition-flow-snake .flow-diagram .point-element:nth-child(even){width:86%;margin-left:auto}

.board.composition-time-cards .timeline-stop{border:var(--board-border) solid var(--board-ink);padding:4%;background:var(--board-surface)}
.board.composition-time-stagger .timeline-stop:nth-child(even){margin-left:9%;width:91%}
.board.composition-tree-offset .hierarchy-root{margin-left:0;margin-right:auto}
.board.composition-tree-stack .hierarchy-branches{grid-template-columns:1fr}

.board.composition-cause-diagonal .cause-card:first-child{transform:translateY(-8%)}
.board.composition-cause-diagonal .cause-card.result{transform:translateY(8%)}
.board.composition-cause-stack .cause-diagram{grid-template-columns:1fr;grid-template-rows:auto auto auto}
.board.composition-cause-stack .cause-arrow{transform:rotate(90deg)}

.board.composition-compare-offset .compare-card:first-child{transform:translateY(-6%)}
.board.composition-compare-offset .compare-card.red{transform:translateY(6%)}
.board.composition-compare-table .compare-card{border-left:0;border-right:0}
.board.composition-number-split .spotlight-diagram{grid-template-columns:1.08fr .92fr}
.board.composition-number-stack .spotlight-notes{grid-template-columns:1fr}
.board.composition-quote-offset .board-copy{margin-left:9%;width:91%}
.board.composition-quote-frame .board-copy{border:var(--board-border) solid var(--board-ink);padding:7%}

.board.wide.composition-list-mosaic .points{grid-template-columns:1.2fr .8fr .8fr!important;grid-template-rows:1fr!important}
.board.wide.composition-list-mosaic .point-element:first-child{grid-row:auto}
.board.wide.composition-flow-snake .flow-diagram{grid-template-columns:repeat(3,1fr)}
.board.wide.composition-definition-split .stack-diagram{grid-template-columns:repeat(3,1fr)}

@media (prefers-reduced-motion:reduce){.board .cause-card,.board .compare-card{transform:none!important}}

/* Phase 18: structural boards occupy the canvas like a diagram, not a short web card stack. */
.board:not(.wide):is(.layout-flow,.layout-timeline,.layout-hierarchy,.layout-cause,.layout-compare) .board-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;align-content:space-evenly;gap:0;padding-bottom:4%}
.board:not(.wide):is(.layout-flow,.layout-timeline,.layout-hierarchy,.layout-cause,.layout-compare) .board-copy{width:100%;margin-left:0}
.board:not(.wide):is(.layout-flow,.layout-timeline,.layout-hierarchy,.layout-cause,.layout-compare) .title-element{max-width:100%;font-size:clamp(23px,7.1cqw,61px);line-height:1.08;text-wrap:balance}
.board:not(.wide):is(.layout-flow,.layout-timeline,.layout-hierarchy,.layout-cause,.layout-compare) .board-visual{display:flex;align-items:center;width:100%;height:clamp(238px,42cqh,354px);min-height:0;margin:0!important}
.board:not(.wide):is(.layout-flow,.layout-timeline,.layout-hierarchy,.layout-cause,.layout-compare) .structural-accent{position:relative;inset:auto;width:100%;max-width:100%;margin:0;padding:2.6% 3.6%;font-size:clamp(12px,3.75cqw,32px)}
.board:not(.wide):is(.layout-flow,.layout-timeline,.layout-hierarchy,.layout-cause,.layout-compare) .structural-accent:before{display:inline;margin:0 .8em 0 0}
.board:not(.wide).layout-hierarchy .board-visual{height:clamp(218px,37cqh,312px)}
.board:not(.wide).layout-hierarchy .hierarchy-diagram{height:100%;gap:clamp(14px,2.8cqh,28px)}
.board:not(.wide).layout-hierarchy .board-visual,.board:not(.wide).layout-compare .board-visual,.board:not(.wide).layout-cause .board-visual{transform:none}
.board:not(.wide).layout-hierarchy .hierarchy-root{min-height:clamp(54px,15cqw,126px);width:64%;transform:rotate(-.35deg)}
.board:not(.wide).layout-hierarchy .hierarchy-branches{align-items:stretch}
.board:not(.wide).layout-hierarchy .hierarchy-branches .hierarchy-node{height:100%;min-height:0;padding:5% 3%;font-size:clamp(12px,3.45cqw,29px)}
.board:not(.wide).layout-hierarchy .hierarchy-branches .hierarchy-node:nth-child(1){transform:rotate(-.22deg)}
.board:not(.wide).layout-hierarchy .hierarchy-branches .hierarchy-node:nth-child(2){transform:rotate(.2deg)}
.board:not(.wide).layout-hierarchy .hierarchy-branches .hierarchy-node:nth-child(3){transform:rotate(-.16deg)}
.board:not(.wide).composition-tree-offset .hierarchy-branches .hierarchy-node:nth-child(2){transform:rotate(.35deg)}
.board:not(.wide).composition-tree-offset .hierarchy-branches .hierarchy-node:nth-child(3){transform:rotate(-.3deg)}
.board:not(.wide).layout-compare .compare-diagram,.board:not(.wide).layout-cause .cause-diagram{height:100%}
.board:not(.wide).layout-compare .compare-card,.board:not(.wide).layout-cause .cause-card{min-height:clamp(92px,25cqw,210px);height:auto;padding:6%}
.board:not(.wide).layout-compare .compare-card:first-child,.board:not(.wide).layout-cause .cause-card:first-child,
.board:not(.wide).layout-compare .compare-card.red,.board:not(.wide).layout-cause .cause-card.result{align-self:stretch}
.board:not(.wide).layout-cause .cause-diagram{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto minmax(0,1fr)}
.board:not(.wide).layout-cause .cause-arrow{transform:rotate(90deg);text-align:center}
.board[data-skin="teacher-notes"]:is(.layout-flow,.layout-timeline,.layout-hierarchy,.layout-cause,.layout-compare) .hierarchy-node,
.board[data-skin="teacher-notes"]:is(.layout-flow,.layout-timeline,.layout-hierarchy,.layout-cause,.layout-compare) .cause-card,
.board[data-skin="teacher-notes"]:is(.layout-flow,.layout-timeline,.layout-hierarchy,.layout-cause,.layout-compare) .compare-card{font-family:"LXGW WenKai",KaiTi,STKaiti,serif;font-weight:600}
.board.layout-question.point-count-0 .board-layout{justify-content:center;padding-bottom:5%}
.board:not(.wide).layout-question.point-count-0 .board-copy{width:100%;transform:translateY(19cqh)}
.board.layout-question.point-count-0 .title-element{max-width:100%;font-size:clamp(30px,10cqw,86px)}
.board.layout-question.point-count-0 .board-visual{display:none}
.flow-diagram:has(.point-element:nth-child(4):last-child){grid-template-rows:repeat(4,minmax(0,1fr));gap:clamp(10px,2.5cqh,22px)}
.flow-diagram:has(.point-element:nth-child(4):last-child) .point-element:after{bottom:calc(-1 * clamp(12px,3cqh,26px))}
.board:not(.wide).layout-flow .flow-diagram,.board:not(.wide).layout-cause .cause-diagram{width:100%!important;min-width:100%;align-self:stretch}