.six-pro-panel { margin-top: 28px; color: var(--ink); --pro-metal:#86641c;--pro-wood:#39714f;--pro-water:#326e9e;--pro-fire:#b3473e;--pro-earth:#876047; }
:root[data-theme="dark"] .six-pro-panel {--pro-metal:#dfc27a;--pro-wood:#9ac7a4;--pro-water:#8bb9df;--pro-fire:#e7a19a;--pro-earth:#c9aa8d;}
.six-pro-panel [data-element="metal"]{color:var(--pro-metal)}.six-pro-panel [data-element="wood"]{color:var(--pro-wood)}.six-pro-panel [data-element="water"]{color:var(--pro-water)}.six-pro-panel [data-element="fire"]{color:var(--pro-fire)}.six-pro-panel [data-element="earth"]{color:var(--pro-earth)}
.six-pro-manual {margin-top:24px;padding-top:20px;border-top:1px solid var(--line);}
.six-pro-manual summary,.six-pro-details>summary,.six-pro-rules>summary {cursor:pointer;color:var(--ink);font-weight:400;line-height:1.8;}
.six-pro-manual-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0;}
.six-pro-manual-field {display:grid;gap:7px;font-size:14px;color:var(--muted);}
.six-pro-manual-field select {width:100%;min-width:0;padding:11px 9px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:7px;font:inherit;}
.six-pro-hint,.six-pro-input-source {font-size:13px;line-height:1.9;color:var(--muted);margin:12px 0;overflow-wrap:anywhere;}
.six-pro-error {font-size:14px;line-height:1.8;color:var(--red);}
.six-pro-details {padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.six-pro-details>summary {font-size:18px;letter-spacing:.08em;}
.six-pro-body {padding-top:24px;animation:pro-reveal .3s ease-out;}
.six-pro-heading h3 {font-size:22px;font-weight:400;letter-spacing:.08em;margin:0;}
.six-pro-context {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:24px 0 10px;padding-bottom:20px;border-bottom:1px solid var(--line);}
.six-pro-context-item {display:grid;gap:10px;}.six-pro-context-item strong,.six-pro-glyphs {font-weight:400;letter-spacing:.12em;}
.six-pro-context .six-pro-glyphs {font-size:24px;}
.six-pro-term {border:0;border-bottom:1px dotted currentColor;border-radius:0;padding:2px 0;background:none;color:inherit;font:inherit;cursor:help;line-height:1.5;text-align:left;}
.six-pro-term:hover,.six-pro-term:focus-visible {color:var(--accent,var(--ink));border-bottom-style:solid;}
.six-pro-palaces {display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0;}.six-pro-palaces p {margin:0;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;}
.six-pro-palaces strong {font-size:20px;font-weight:400;}.six-pro-palace-caption {font-size:12px;color:var(--muted);}
.six-pro-table-heading,.six-pro-row {display:grid;grid-template-columns:50px 58px minmax(0,1fr) 30px minmax(0,1fr);gap:12px;align-items:center;}
.six-pro-table-heading {font-size:12px;color:var(--muted);padding:10px 0 14px;border-bottom:1px solid var(--line);}
.six-pro-rows {list-style:none;margin:0;padding:0;}.six-pro-row {padding:18px 0;border-bottom:1px solid var(--line);font-size:14px;transition:background-color .2s ease;}.six-pro-row:last-child{border-bottom:0;}
.six-pro-row.is-selected {background:color-mix(in srgb,var(--ink) 5%,transparent);outline:1px solid var(--line);outline-offset:4px;}
.six-pro-position {padding:4px 0;border:0;background:none;color:var(--muted);font:inherit;text-align:left;cursor:pointer;}
.six-pro-line {display:flex;gap:9px;align-items:center;flex-wrap:wrap;min-width:0;}.six-pro-changed {color:var(--muted);}
.six-pro-line-figure {display:flex;gap:5px;width:46px;}.six-pro-line-figure i {display:block;flex:1;height:4px;background:var(--ink);border-radius:1px;}.is-moving .six-pro-line-figure i {background:var(--red);}
.six-pro-seat {font-size:12px;color:var(--red);}.six-pro-rules {margin-top:24px;font-size:13px;color:var(--muted);line-height:1.9;}.six-pro-rules ul{padding-left:20px;}.six-pro-source {display:inline-block;margin:6px 18px 4px 0;color:inherit;text-decoration:underline;text-underline-offset:4px;}
@keyframes pro-reveal {from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.six-pro-table-heading{display:none}.six-pro-row{grid-template-columns:44px 1fr 24px;gap:10px}.six-pro-row>.six-pro-term{grid-column:2;grid-row:auto;justify-self:start;font-size:12px;color:var(--muted)}.six-pro-original{grid-column:2;grid-row:span 1}.six-pro-seat{grid-column:3;grid-row:span 1}.six-pro-changed{grid-column:2 / 4;font-size:13px}.six-pro-row.is-moving .six-pro-changed::before{content:'→';color:var(--muted)}.six-pro-palaces{grid-template-columns:1fr}.six-pro-context{gap:12px}.six-pro-manual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.six-pro-context .six-pro-glyphs{font-size:21px}.six-pro-heading h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){.six-pro-body{animation:none}.six-pro-row{transition:none}}

.six-pro-clock-proof{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;margin:20px 0}.six-pro-clock-proof dt,.six-pro-clock-proof dd{margin:0;overflow-wrap:anywhere}

.six-pro-changed-note{font-size:11px;color:var(--muted)}