:root{--paper:#f4f2ec;--ink:#26342f;--muted:#65716a;--human:#b97734;--ai:#507b95;--joint:#9ca59c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;line-height:1.9}a{color:inherit}header,main,footer{max-width:1180px;margin:auto}header{padding:28px 32px;display:flex;justify-content:space-between;gap:20px;font-size:13px}header a{text-decoration:none}.brand{font-weight:700;letter-spacing:.06em}main{padding:0 32px}section{padding:90px 0;border-top:1px solid #cdd1c6;scroll-margin-top:20px}.hero{border:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:50px 0 100px}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--muted)}h1{font-family:serif;font-size:clamp(36px,4.6vw,62px);line-height:1.65;letter-spacing:.04em;font-weight:500}h1 em{font-style:normal;color:#896545}h2{font-family:serif;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.6}p{max-width:700px}.intro{font-size:15px}.caption,figcaption{font-size:12px;color:var(--muted)}figure{margin:0}figure img{display:block;width:100%;height:auto}.hero img{max-height:640px;object-fit:cover;border-radius:130px 130px 4px 4px}.hero figcaption{margin-top:14px}.button{display:inline-block;background:var(--ink);color:white;text-decoration:none;padding:13px 23px;border-radius:100px;font-size:13px;border:0;cursor:pointer;margin:20px 0;font-family:inherit}.toggle{display:flex;gap:8px;margin:32px 0 18px}.toggle button{border:1px solid #b7bfb5;background:transparent;border-radius:24px;padding:10px 24px;color:var(--ink);cursor:pointer}.toggle button[aria-pressed=true]{background:var(--ink);color:white}.bar{display:flex;height:22px;overflow:hidden;border-radius:4px;margin:24px 0}.human{background:var(--human)}.ai{background:var(--ai)}.joint{background:var(--joint)}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value{border-top:1px solid #cdd1c6;padding-top:12px}.value strong{display:block;font-size:clamp(24px,5vw,46px);font-weight:400}.value small{color:var(--muted)}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}details{margin-top:32px;border-top:1px solid #cdd1c6;border-bottom:1px solid #cdd1c6;padding:18px 0}summary{cursor:pointer;font-size:14px}details p{font-size:14px}.history-row{display:grid;grid-template-columns:100px 1fr;gap:20px;margin:24px 0}.history-row .bar{margin:8px 0;height:12px}.history-row small{display:block;color:var(--muted)}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px}.gallery img{height:400px;object-fit:cover}.gallery figcaption{padding-top:12px}.image-button{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in}.question{text-align:center;background:#e8eadd;margin:0 -32px;padding:80px 32px}.question p{margin-left:auto;margin-right:auto}footer{padding:40px 32px;font-size:12px;display:flex;justify-content:space-between}dialog{border:0;padding:14px;background:var(--paper);max-width:90vw;max-height:95vh}dialog::backdrop{background:#18221edd}dialog img{display:block;max-width:100%;max-height:82vh;object-fit:contain}dialog button{float:right;margin-bottom:10px;padding:8px 16px;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ad7438;outline-offset:5px}@media(max-width:650px){header{padding:22px 20px;font-size:11px}main{padding:0 20px}.hero{grid-template-columns:1fr;gap:30px;padding-top:20px}.hero img{max-height:430px;object-position:center 60%;border-radius:100px 100px 4px 4px}section{padding:60px 0}.values{gap:10px}.value{font-size:11px}.history-row{grid-template-columns:75px 1fr;gap:10px;font-size:12px}.gallery{grid-template-columns:1fr}.gallery img{height:auto;max-height:480px;object-fit:cover}.question{margin:0 -20px;padding:60px 20px}footer{padding:28px 20px;gap:10px;font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.axis-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.axis-card{padding:24px;background:#eeeee5;border-radius:8px}.axis-card h3{margin-top:0}.axis-card table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.axis-card td,.axis-card th{padding:8px 3px;border-bottom:1px solid #d3d7cd}.interpretation{margin:40px 0;padding:28px;background:#e8eadd;border-radius:8px}.role-buttons{display:flex;flex-wrap:wrap;gap:10px}.role-buttons button{padding:12px 16px;background:transparent;border:1px solid #65716a;border-radius:28px;cursor:pointer}.role-buttons button[aria-pressed=true]{background:#26342f;color:white}select{padding:10px;border:1px solid #65716a;background:transparent;font-size:14px}.table-wrap{overflow-x:auto}.table-wrap table{min-width:550px;font-size:12px}.table-wrap td,.table-wrap th{padding:8px;border-bottom:1px solid #ccc}@media(max-width:750px){.axis-grid{grid-template-columns:1fr}.axis-card{padding:18px}.interpretation{padding:20px}}.pattern-card{margin-top:32px;padding:32px;border:1px solid #9da994;border-radius:16px;background:#e6eadd}.pattern-card h3{font-family:serif;font-size:clamp(24px,3vw,36px);font-weight:500;overflow-wrap:anywhere}.pattern-roles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pattern-roles div{display:flex;flex-direction:column;border-top:1px solid #acb5a5;padding-top:12px}.pattern-roles span{font-size:20px}.pattern-roles small{font-size:11px;color:#52604f}@media(max-width:700px){.pattern-card{padding:20px}.pattern-roles{grid-template-columns:1fr 1fr}}/* 総点構成比と平均差判定を区別したコンパクト表示 */
.axis-summary{max-width:760px;padding:24px;background:#ebeee5;border:1px solid #bac3b3;border-radius:16px;margin:28px 0}.summary-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.summary-top time{font-size:12px}.axis-summary>h3{font-size:clamp(19px,2.8vw,27px);margin:6px 0 18px;line-height:1.5;overflow-wrap:anywhere}.axis-summary>.caption{margin:4px 0}.version-buttons{display:flex;justify-content:space-between;align-items:center;font-size:13px}.version-buttons button,.version-ticks button{background:transparent;border:1px solid #aab6a0;border-radius:6px;padding:5px 12px;cursor:pointer;color:var(--ink)}.version-buttons button:disabled{opacity:.35;cursor:default}.version-control input{width:100%;margin:14px 0 0;accent-color:#435d4c;min-height:24px}.version-ticks{display:flex;justify-content:space-between}.version-ticks button{font-size:11px;padding:3px 7px;border:0}.version-ticks button[aria-pressed=true]{background:#435d4c;color:white}.summary-legend{font-size:11px;margin:18px 0 12px}.summary-legend span{margin-left:10px;color:#5e6c57}.summary-legend .legend-dot:not(:first-child){margin-left:12px}.summary-axis{margin:12px 0}.summary-axis-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px}.summary-axis .bar{height:10px;margin:6px 0 3px}.summary-axis small{font-size:11px;color:#53604b;display:block}.summary-axis .bar span{transition:width .18s ease}.role-badge{display:inline-flex!important;align-items:center;gap:5px;white-space:nowrap;font-size:11px!important;font-weight:600;padding:3px 8px;border-radius:18px;border:1px solid currentColor}.role-badge i{font-style:normal;font-size:10px}.role-human{background:#f3e2ed;color:#793c64}.role-ai{background:#e8e0f4;color:#624381}.role-shared{background:#e2eee1;color:#365d3d}.role-pending{background:#eeeae5;color:#625e57}.summary-note{font-size:11px;line-height:1.65;color:#56634f;margin:10px 0 0}.axis-details{margin-top:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:650px){.axis-summary{padding:16px;margin-top:20px}.summary-legend span{display:block;margin-left:0}.axis-summary>h3{font-size:19px}.summary-axis{margin:10px 0}.summary-top .eyebrow{font-size:10px}.summary-top time{font-size:10px}}@media(prefers-reduced-motion:reduce){.summary-axis .bar span{transition:none}}