:root{--green:#176e5c;--ink:#254c50;--line:#c5ddd4;--page:#f4f8f5}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,sans-serif;color:#264d50;background:var(--page)}
.site-header{height:84px;background:#fff;border-bottom:1px solid #d1e2da;display:flex;align-items:center;padding:0 16px;position:relative;z-index:2}
.page-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:clamp(39px,calc(6.25vw - 29px),61px);max-width:1400px;margin:16px auto 36px;padding:0 max(55px,calc(6.25vw - 25px)) 0 28px}
.sidebar{min-width:0}.primary-nav{display:grid;gap:8px;margin:0 0 16px}.primary-nav a{height:46px;width:100%;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:#f4f8f6;color:#315f5c;text-decoration:none;font-size:14px;font-weight:700;white-space:nowrap}.primary-nav a[aria-current="page"]{background:var(--green);border-color:var(--green);color:white}
.domain-box{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 17px 18px}.domain-group{margin:3px 0;border-radius:9px;overflow:hidden}.domain-group summary{list-style:none;cursor:pointer;min-height:37px;padding:10px 9px;font-size:14px;font-weight:700;color:#315a5e;display:flex;align-items:center;justify-content:space-between}.domain-group summary::-webkit-details-marker{display:none}.domain-group summary::after{content:"\203a";font-size:20px;line-height:12px;transform:rotate(90deg)}.domain-group:not([open]) summary::after{transform:none}.domain-group.d0 summary{background:#e3f0e8;color:#176e5c}.domain-group.d1 summary{background:#eee6f7;color:#67478b}.domain-group.d2 summary{background:#e3eef8;color:#386b9a}.stage-list{display:grid;gap:2px;padding:3px 0 5px}.stage-link{display:block;border-radius:7px;padding:7px 9px;color:#286b5b;text-decoration:none;font-size:13px;line-height:1.2;min-height:31px}.stage-link[aria-current="page"]{font-weight:700;background:var(--green);color:#fff}
.content{min-width:0}.content h1{margin:4px 0 12px;font-size:18.4px;line-height:1.3;color:#285256;font-weight:700}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.card{position:relative;min-width:0;background:#fff;border:1px solid #bfd9d1;border-radius:8px;padding:8px 8px 40px;overflow:hidden}.card-main{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:inherit}.card h2{align-self:stretch;margin:0 0 8px;font-size:13px;line-height:1.5;font-weight:700;color:#182f34}.worksheet{display:block;width:100%;height:auto;aspect-ratio:397/562;object-fit:contain;border:1px solid #d1e1dc;border-radius:3px}.zoom{position:absolute;right:8px;bottom:7px;width:36px;height:32px;padding:5px;border:0;border-radius:7px;background:var(--green);color:white;box-shadow:0 2px 4px #0002;cursor:pointer}.zoom svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.sheet-preview{position:fixed;z-index:40;display:block;width:min(620px,calc(100vw - 24px));max-height:calc(100vh - 32px);overflow:auto;padding:9px;background:#fff;border:1px solid #92b8aa;border-radius:12px;box-shadow:0 12px 40px #173e4938}.sheet-preview[hidden]{display:none!important}.sheet-preview-heading{display:flex;align-items:center;justify-content:space-between;min-height:28px;margin-bottom:6px;color:#176e5c;font-size:14px;font-weight:700}.sheet-preview-close{width:28px;height:28px;border:0;border-radius:5px;background:transparent;color:#176e5c;font-size:22px;cursor:pointer}.sheet-preview img{display:block;width:100%;height:auto;background:#fff}.sheet-preview-detail{display:block;position:sticky;bottom:-9px;margin:0 -9px -9px;background:#fff;border-top:1px solid #e3eee9;padding:8px 4px 9px;text-align:center;color:#176e5c;font-size:13px;font-weight:600;text-decoration:none}
@media(max-width:1000px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.site-header{height:109px;padding:0 12px}.page-layout{display:block;margin:10px auto 24px;padding:0 29px 0 14px}.sidebar{margin-bottom:18px}.primary-nav{grid-template-columns:minmax(0,1fr);gap:8px;margin-bottom:16px}.primary-nav a{height:46px;padding:0 10px;font-size:14px}.domain-box{padding:9px 10px}.domain-group{margin:2px 0}.domain-group summary{min-height:34px}.stage-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.stage-link{text-align:center;padding:8px 3px;font-size:12px}.content{margin:0 4px}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card{padding:8px 8px 40px}.card h2{font-size:11px}.sheet-preview{width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:8px}.sheet-preview img{height:auto}.sheet-preview-detail{min-height:39px}}
@media print{.site-header,.sidebar,.zoom,.sheet-preview{display:none!important}}