/* このツール専用。共有styles.cssは変更しない。 */
html[data-site="ski-board"]{--ink:#19334c;--muted:#526c80;--line:#d6e4ed;--paper:#f1f6fa;--accent-color:#166caa;--deep:#194b70;--accent:#d5edff;--card-bg:#edf6fc}
html[data-site="ski-board"] a{color:var(--deep)}
html[data-site="ski-board"] .breadcrumbs{font-size:13px;color:var(--muted)}
html[data-site="ski-board"] .fields{grid-template-columns:1.2fr 1fr 1fr}
html[data-site="ski-board"] .preset-row,html[data-site="ski-board"] .cv-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
html[data-site="ski-board"] .preset-row button{border:1px solid var(--line);border-radius:999px;padding:9px 14px;background:var(--card-bg);color:var(--deep);font:inherit;cursor:pointer}
html[data-site="ski-board"] .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
html[data-site="ski-board"] .cards article{min-width:0;overflow-wrap:anywhere}
html[data-site="ski-board"] .cards article:first-child{background:var(--accent)}
html[data-site="ski-board"] .secondary{background:#fff;color:var(--deep);border:2px solid var(--deep)}
html[data-site="ski-board"] .form-error{color:#a83200;font-weight:700}
html[data-site="ski-board"] textarea{width:100%;padding:12px;font:inherit;border:1px solid var(--line);border-radius:9px}
html[data-site="ski-board"] .table-scroll{overflow:auto}
html[data-site="ski-board"] caption{text-align:left;font-weight:700;margin:18px 0 8px}
html[data-site="ski-board"] .faq h3{font-size:16px;margin-bottom:4px}
html[data-site="ski-board"] .faq p{margin-top:0}
html[data-site="ski-board"] button:disabled{opacity:.6;cursor:default}
html[data-site="ski-board"] :focus-visible{outline:3px solid var(--accent-color);outline-offset:3px}
html[data-site="ski-board"] [hidden]{display:none!important}
@media(max-width:760px){html[data-site="ski-board"] .fields{grid-template-columns:1fr}html[data-site="ski-board"] .cv-row{width:100%}}
@media(max-width:470px){html[data-site="ski-board"] .cards{grid-template-columns:1fr}html[data-site="ski-board"] th:nth-child(4),html[data-site="ski-board"] td:nth-child(4){display:table-cell}}

html[data-site="ski-board"] .fields{grid-template-columns:repeat(3,minmax(0,1fr))}
html[data-site="ski-board"] label,html[data-site="ski-board"] input,html[data-site="ski-board"] select{min-width:0}
html[data-site="ski-board"] .method,html[data-site="ski-board"] .brand{overflow-wrap:anywhere}
@media(max-width:760px){html[data-site="ski-board"] .fields{grid-template-columns:1fr}html[data-site="ski-board"] .brand{font-size:19px}}