:root{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;color:#233249;background:#f3f6fa;--blue:#1f65dc;--border:#cdd6e1;--paper:#fbfcfe;--violet:#eee8fc;--muted:#56667a;font-size:16px}*{box-sizing:border-box}html[data-font="150"]{font-size:24px}html[data-font="200"]{font-size:32px}body{margin:0;line-height:1.7;background-image:linear-gradient(#d8e1eb66 1px,transparent 1px),linear-gradient(90deg,#d8e1eb66 1px,transparent 1px);background-size:32px 32px}button,select,textarea{font:inherit;color:inherit}button,select,a.portal,summary{min-height:44px}button,select{border:1px solid #9eafc6;border-radius:3px;background:#fff;padding:.48rem .75rem;cursor:pointer;max-width:100%}button:hover:not(:disabled){background:#e7efff;border-color:var(--blue)}button:disabled,select:disabled{opacity:.54;cursor:default}button.primary{background:var(--blue);color:white;border-color:var(--blue);padding:.6rem 1.1rem}.warning{border-color:#965d1b;background:#fff4df}a{color:#1654b7}a.portal{display:inline-flex;align-items:center;padding:.45rem .55rem;text-decoration:none;white-space:normal;border:1px solid #b5c3d7;background:#fff9}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #d44cad;outline-offset:3px}header{max-width:1540px;margin:auto;padding:1.2rem 2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #becbdb}.nameplate{border-left:3px solid var(--blue);padding:.25rem .8rem;line-height:1.4}.nameplate span{display:block;font: .62rem ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.nameplate b{display:block;font-size:1.15rem;font-weight:650;margin-top:.35rem}.header-links{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.header-links label{font-size:.75rem}.header-links select{padding:.3rem}.workspace{display:grid;grid-template-columns:205px minmax(0,1fr);max-width:1540px;margin:auto}aside{padding:2rem 1rem 2rem 2rem;border-right:1px solid #becbdb;background:#edf2f888}aside nav{margin:1rem 0;display:grid;gap:.5rem}aside button{display:flex;justify-content:space-between;gap:.3rem;text-align:left;border-color:transparent;background:transparent;font-size:.8rem}aside button[aria-current]{color:#114ab0;background:#fff;border-color:#b5c4da}aside button span{font-family:ui-monospace,monospace}.side-note{font: .72rem ui-monospace,monospace;margin-top:2rem;color:#4a5b71;line-height:1.7}.side-note b{display:block;margin-top:.35rem;font-size:.9rem}.side-note p{font-family:inherit;margin-top:2rem;letter-spacing:.06em}.status-light{display:inline-block;width:7px;height:7px;background:var(--blue);margin-right:7px;border:1px solid #194ca9}main{min-width:0;padding:1.3rem 2rem 3rem;outline:none}.eyebrow{font: .66rem ui-monospace,monospace;letter-spacing:.09em;color:#4c6382;display:block}.notice{border:1px solid #c5d4ea;background:#ebf2ff;color:#234a83;padding:.6rem .8rem;font-size:.78rem;display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-bottom:1.7rem}.notice.blocked{background:#fff1db;color:#664316;border-color:#c99e66}.notice button{font-size:.8rem}h1{font-size:1.75rem;line-height:1.4;font-weight:600;margin:.45rem 0 .7rem;letter-spacing:.035em}h2{font-size:1rem;font-weight:650;line-height:1.5;margin:0 0 .65rem}h3{font-size:1rem;margin:.4rem 0}.request-heading{display:flex;align-items:start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.request-heading p{font-size:.84rem;max-width:40rem;margin:.6rem 0}.power{border:1px solid #9fb0cb;border-top:3px solid var(--blue);background:#fff;padding:.55rem .9rem;min-width:145px;flex-shrink:0}.power span{font-size:.63rem;display:block;color:var(--muted)}.power strong{font:2rem ui-monospace,monospace;color:var(--blue);display:block;padding:.18rem 0}.power small{font-size:.8rem;color:#5f718d}.panel{border:1px solid var(--border);background:linear-gradient(135deg,#ffffffdd,#f8fbffe8);box-shadow:0 9px 24px #2b4f7810;margin-bottom:1.2rem;padding:1.15rem;border-radius:3px}.panel-heading{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem;flex-wrap:wrap}.panel-heading>span{font-size:.65rem;color:var(--muted)}.status-chip{border:1px solid #bcc8d9;padding:.2rem .4rem}.legend{font-size:.65rem;color:#4d617d;margin:.25rem 0 .6rem}.dash-key,.solid-key{display:inline-block;width:18px;border-top:2px dashed #8797ac;vertical-align:middle;margin-left:.35rem}.solid-key{border-top:2px solid var(--blue)}.wave{width:100%;height:auto;display:block;background:#f8fbff;border:1px solid #dee6ef}.wave text{font:11px ui-monospace,monospace;fill:#566b88}.wave .grid{stroke:#d7e1ef;stroke-width:.65}.wave .axis{stroke:#879ab6;stroke-width:1}.wave .target-line{stroke:#8090a5;stroke-width:2;fill:none;stroke-dasharray:7 5;vector-effect:non-scaling-stroke}.wave .actual-line{stroke:var(--blue);stroke-width:2.5;fill:none;vector-effect:non-scaling-stroke}.sample-dot{fill:var(--blue)}.wave .pending{font:14px sans-serif;fill:#617896}.values-label{font-size:.65rem;color:#4e6585;margin-top:.7rem}.values{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));list-style:none;padding:0;margin:.3rem 0;gap:.35rem}.values li{display:flex;justify-content:space-between;gap:.25rem;align-items:center;border:1px solid #d0dcee;background:#fff;padding:.3rem .45rem;min-width:0;font: .83rem ui-monospace,monospace}.values li span{font-size:.6rem;color:#657b98}.values .unknown{grid-column:1/-1;color:#657b98;display:block;font-size:.7rem}.connection{display:grid;grid-template-columns:minmax(120px,1fr) repeat(3,minmax(0,1.3fr));gap:.75rem;margin:.5rem 0 1rem;align-items:stretch}.input-pin{font:.72rem ui-monospace,monospace;padding:1rem .6rem;border:1px solid #aec2dd;background:#edf4ff;color:#2b578f;align-self:center}.input-pin b{display:block;font-weight:400;margin-top:.4rem;overflow-wrap:anywhere}.slot{display:flex;flex-direction:column;gap:.4rem;background:#f0edfa;border:1px solid #c0b6de;padding:.7rem;min-width:0}.socket{font:.85rem ui-monospace,monospace;display:block;letter-spacing:.06em;color:#5b4585}.slot label{font-size:.67rem;color:#544467}.slot select{font-size:.7rem;width:100%;padding:.4rem .25rem}.part-formula{font:1rem ui-monospace,monospace;color:#4c4278;margin:.25rem 0;min-height:1.6rem}.slot button{font-size:.65rem;padding:.4rem .3rem;white-space:normal}.swaps{display:flex;flex-wrap:wrap;gap:.5rem}.swaps button{font-size:.7rem}.hint{font-size:.75rem;color:#435873;margin:.9rem 0}.inspect-row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:1rem}.inspect-row span{font-size:.65rem;color:#5f7089}.inspect-row>button:not(.primary){font-size:.7rem}details{border:1px solid #cbd7e6;background:#fff;margin:.65rem 0}summary{cursor:pointer;padding:.65rem .75rem;font-size:.8rem;color:#314b72;overflow-wrap:anywhere}summary span{font-size:.64rem;color:#637899;margin-left:.7rem}.calculation{padding:.8rem;border-top:1px solid #d7e1ed}.formula{font:.85rem ui-monospace,monospace;color:#5d448a;margin:.2rem 0 .6rem}.explanations{padding-left:1.6rem;font: .7rem ui-monospace,monospace;display:grid;gap:.4rem}.explanations span{display:block;font: .65rem system-ui,sans-serif;color:#657590}.waiting{font-size:.75rem;padding:0 .8rem}.result{border:1px solid #abc2b7;border-left:4px solid #337b64;background:#eff9f4;padding:1rem;margin-bottom:1.2rem}.result.fail{border-color:#d5b5c6;border-left-color:#a24676;background:#fff1f8}.result h2{font-size:1.3rem;margin:.45rem 0}.result p,.result ul{font-size:.8rem}.result-links{display:flex;flex-wrap:wrap;gap:.5rem}.result-links>*{font-size:.75rem}.bench-foot{display:flex;align-items:center;gap:1rem;justify-content:space-between;flex-wrap:wrap;font-size:.7rem}.order-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.order-grid .panel{margin:0}.order-grid p{font-size:.8rem}.order-grid .values{grid-template-columns:repeat(4,minmax(0,1fr))}.part-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.part-grid article{background:#f4f0fc;border:1px solid #cfc3e6;padding:1rem}.part-grid p,.part-grid article>span:last-child{font-size:.75rem}.steps{font-size:.85rem;padding-left:1.5rem}.steps li{padding:.3rem 0}.panel>p{font-size:.85rem}.empty{margin-top:1rem}textarea{width:100%;min-height:16rem;resize:vertical;background:#f7faff;font: .75rem/1.6 ui-monospace,monospace;border:1px solid #9cb2ce;padding:.7rem}.storage-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.7rem 0}.storage-actions button{font-size:.78rem}label[for=book]{display:block;font-size:.8rem;margin-bottom:.5rem}footer{display:flex;gap:1rem;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1540px;margin:auto;padding:1rem 2rem;border-top:1px solid #bdcbdc;font-size:.7rem;color:#536883}.skip{position:fixed;top:-100px;left:1rem;z-index:99;background:white;padding:.6rem}.skip:focus{top:1rem}p,li,h1,h2,h3{overflow-wrap:anywhere}html[data-font="200"] .connection{grid-template-columns:repeat(3,minmax(0,1fr))}html[data-font="200"] .input-pin{grid-column:1/-1}html[data-font="200"] .values{grid-template-columns:repeat(4,minmax(0,1fr))}html[data-font="200"] .part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-font="200"] .order-grid{grid-template-columns:1fr}
@media(max-width:1000px){header{padding:1rem}.workspace{grid-template-columns:155px minmax(0,1fr)}aside{padding:1rem .7rem}main{padding:1rem}.connection{grid-template-columns:repeat(3,minmax(0,1fr))}.input-pin{grid-column:1/-1}.values{grid-template-columns:repeat(4,minmax(0,1fr))}.part-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.order-grid{grid-template-columns:1fr}}
@media(max-width:700px){header{align-items:start;flex-direction:column;gap:.6rem}.header-links{width:100%;justify-content:flex-end}.workspace{display:block}aside{border:0;border-bottom:1px solid #c9d5e4;padding:.6rem 1rem;background:#edf3fc}aside>.eyebrow,.side-note{display:none}aside nav{display:flex;gap:.4rem;flex-wrap:wrap;margin:0}aside button{font-size:.65rem;flex:1 1 auto;border:1px solid #c3d0e4;padding:.4rem}aside button span{display:none}main{padding:1rem .65rem 2rem}.request-heading{flex-direction:column;gap:.7rem}.power{display:flex;gap:.8rem;align-items:center;width:100%;min-width:0}.power strong{font-size:1.5rem;white-space:nowrap}.power span{font-size:.6rem}.panel{padding:.75rem}.connection,html[data-font="200"] .connection{grid-template-columns:1fr}.slot{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem .7rem}.slot .socket{grid-row:1/3;align-self:center}.slot label{grid-column:2}.slot select{grid-column:2;font-size:.85rem}.slot .part-formula{grid-column:2}.slot button{grid-column:1/-1;font-size:.75rem}.input-pin,html[data-font="200"] .input-pin{grid-column:auto}.part-grid,html[data-font="200"] .part-grid{grid-template-columns:1fr}.notice{font-size:.8rem}.values,html[data-font="200"] .values{grid-template-columns:repeat(4,minmax(0,1fr))}.values li{padding:.3rem}.values li b{font-size:.85rem}.swaps button{flex:1 1 auto}.inspect-row>button{width:100%}.result h2{font-size:1.15rem}.nameplate span{font-size:.5rem;letter-spacing:.03em}.nameplate b{font-size:1rem}.panel-heading>span{font-size:.65rem}.explanations{font-size:.75rem}footer{padding:1rem}.wave .pending{font-size:16px}}

/* 値の根拠と主要操作は、銘板より大きく読む。 */
.slot label,.slot select,.slot button,.swaps button,.hint,.inspect-row>button:not(.primary),summary,.explanations,.explanations span,.waiting,.result p,.result ul,.legend,.values li,.panel>p,.request-heading p{font-size:.875rem}.values li b{font-size:.875rem}

.connection.slots-4{grid-template-columns:repeat(4,minmax(0,1fr))}.connection.slots-4 .input-pin{grid-column:1/-1}.conditions{border:1px solid #b9cbe5;background:#edf4ff;padding:.7rem;margin-top:.8rem}.conditions h3{font-size:.9rem;margin:0}.conditions p{font-size:.875rem;margin:.3rem 0}@media(max-width:900px){.connection.slots-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.connection.slots-4{grid-template-columns:1fr}.connection.slots-4 .input-pin{grid-column:auto}}
.paths-grid,.branch-outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.path-channel{min-width:0;border:1px solid #afc5e2;background:#f3f7ff;padding:.75rem}.path-channel h3{font-size:.9rem}.path-channel .input-pin{margin:.5rem 0}.connection.path-connection,html[data-font="200"] .connection.path-connection{grid-template-columns:repeat(2,minmax(0,1fr))}.merge-view{margin:1rem 0;border-top:2px solid #a5b9d8;padding-top:1rem}.merge-view h3{font-size:.9rem}.branch-outputs>div{min-width:0}.branch-outputs .values{grid-template-columns:repeat(4,minmax(0,1fr))}.merge-equations{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem}.merge-equations li{border:1px solid #bacce5;background:#fff;padding:.5rem;font-size:.7rem}.merge-equations b{display:block;font:.875rem ui-monospace,monospace;overflow-wrap:anywhere}html[data-font="200"] .paths-grid,html[data-font="200"] .branch-outputs{grid-template-columns:1fr}@media(max-width:1000px){.paths-grid,.branch-outputs{grid-template-columns:1fr}}@media(max-width:700px){.connection.path-connection,html[data-font="200"] .connection.path-connection{grid-template-columns:1fr}.merge-equations{grid-template-columns:repeat(2,minmax(0,1fr))}}
.part-selection{font-size:.875rem;overflow-wrap:anywhere;color:#544467}@media(max-width:700px){.slot .part-selection{grid-column:1/-1}}