:root{--green:#2e6b42;--ink:#253b32;--muted:#59695f;--line:#d8e3db;--pale:#f2f6f1;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#fff;color:var(--ink);font:16px/1.85 "Noto Sans JP","Yu Gothic",Meiryo,sans-serif;overflow-wrap:anywhere}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.5}a{color:var(--green);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid #947319;outline-offset:5px}strong{font-weight:700}section,article[id]{scroll-margin-top:24px}.wide{width:min(1200px,calc(100% - 64px));margin-inline:auto}.content{width:min(1040px,calc(100% - 64px));margin-inline:auto}.page-header{padding:64px 24px 40px;text-align:center}.page-header h1{color:var(--green);font-size:clamp(28px,3.1vw,40px);font-weight:700;letter-spacing:.04em}.page-header h1 .dam-name{display:block}.lead{color:var(--green);font-size:20px;margin-top:24px}.header-note{color:var(--muted);font-size:14px;margin-top:8px}.page-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 32px;margin-top:32px}.page-nav a{padding:8px 0;text-decoration:none;border-bottom:1px solid var(--line);font-size:15px}.viewer-frame{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#edf2ef;box-shadow:0 8px 32px #17362408}.viewer-frame iframe{display:block;border:0;width:100%;height:720px;max-height:900px}.viewer-links{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 24px;margin-top:16px;font-size:14px}.viewer-links p{color:var(--muted);flex:1 1 320px}.viewer-links a{white-space:nowrap}.section{margin-top:80px}h2{font-size:26px;color:var(--green);font-weight:700}.explore{border-top:1px solid var(--line);padding-top:48px;margin-top:48px}.section-intro{font-size:19px;margin-top:24px}.text-list{padding-left:1.4em;margin:16px 0 0}.text-list li{padding-left:.2em;margin-top:8px}.text-list li::marker{color:var(--green)}.small-note{font-size:14px;color:var(--muted);margin-top:16px}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.control-card{background:var(--pale);padding:24px 32px;border-radius:6px}.control-card h3{font-size:21px;color:var(--green);margin-bottom:24px}.control-card h3 span{font-size:14px;display:block;color:var(--muted);font-weight:400;margin-top:4px}.control-card dl{margin:0;display:grid;grid-template-columns:7.5em 1fr;gap:12px 16px}.control-card dt{font-weight:700}.control-card dd{margin:0}.keyboard-guide{margin-top:24px;border-block:1px solid var(--line);padding:16px 0}.keyboard-guide summary{cursor:pointer;color:var(--green);font-weight:700}.keyboard-guide p{padding:16px 0 0}.update-history{border-block:1px solid var(--line);padding:32px 0;margin-top:48px;display:grid;grid-template-columns:1fr 2fr;gap:24px}.update-history h2{font-size:19px;color:var(--ink)}.update-history p{font-size:14px;color:var(--muted);margin-top:8px}.update-history ul{margin:0}.update-history li:first-child{margin-top:0}.section-heading{margin-bottom:32px}.section-heading h2{margin-top:4px}.section-heading p{margin-top:16px}.section-label{font-size:12px;letter-spacing:.16em;color:var(--muted)}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 32px}.video-card{display:flex;flex-direction:column;min-width:0}.video-heading{flex:1;padding-bottom:16px}.video-heading h3{font-size:20px}.video-heading p{font-size:14px;color:var(--muted);margin-top:8px}.video-card video{display:block;width:100%;aspect-ratio:16/9;background:#14221b;object-fit:contain;border-radius:4px}.information{background:var(--pale);padding:48px 0}.information h2{font-size:24px}.official-links{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.official-links a{position:relative;display:flex;flex-direction:column;text-decoration:none;background:white;border:1px solid var(--line);border-radius:4px;padding:24px 48px 24px 24px}.official-links a:hover{border-color:var(--green)}.official-links strong{font-size:21px;margin:4px 0}.official-links span{font-size:14px}.official-links .link-caption{font-size:13px;color:var(--muted)}.official-links .external-mark{position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:24px}.page-footer{text-align:center;padding-block:48px}.footer-title{font-weight:700;font-size:18px;margin-bottom:8px}.page-footer>p:not(.footer-title){font-size:14px}.copyright{color:var(--muted);margin-top:32px}.back-top{display:inline-block;margin-top:32px;font-size:14px;padding:8px}.nowrap{white-space:nowrap}.mobile-break{display:none}.skip-link{position:absolute;left:16px;top:-100px;z-index:10;padding:12px;background:white}.skip-link:focus{top:16px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
@media(min-width:1500px){.viewer-frame iframe{height:760px}}
@media(max-width:760px){.wide,.content{width:calc(100% - 40px)}.page-header{padding:40px 20px 24px}.page-header h1{font-size:28px;letter-spacing:.01em}.lead{font-size:17px;margin-top:24px}.header-note{font-size:13px;margin-top:12px}.page-nav{gap:4px 24px;margin-top:24px}.page-nav a{font-size:14px}.mobile-break{display:block}.viewer-frame iframe{height:680px}.viewer-links{gap:8px 20px}.viewer-links p{flex-basis:100%}.section{margin-top:56px}h2{font-size:23px}.explore{margin-top:32px;padding-top:32px}.section-intro{font-size:18px;margin-top:16px}.controls-grid{grid-template-columns:1fr;gap:16px}.control-card{padding:24px}.control-card dl{grid-template-columns:7em 1fr;gap:12px}.update-history{grid-template-columns:1fr;gap:16px;padding:24px 0;margin-top:32px}.section-heading{margin-bottom:24px}.video-grid{grid-template-columns:1fr;gap:32px}.video-heading h3{font-size:19px}.information{padding:32px 0}.information h2{font-size:22px}.official-links{grid-template-columns:1fr;gap:16px;margin-top:24px}.page-footer{padding-block:40px}.footer-title{font-size:17px}}
@media(max-width:370px){.wide,.content{width:calc(100% - 24px)}.page-header{padding-inline:12px}.page-header h1{font-size:25px}.control-card{padding:20px 16px}.control-card dl{grid-template-columns:1fr}.control-card dd{margin-top:-8px;margin-bottom:8px}.viewer-frame iframe{height:700px}.page-nav{gap:4px 20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:480px){.control-card dl{grid-template-columns:1fr;gap:8px}.control-card dd{margin:0 0 12px}.control-card dd:last-child{margin-bottom:0}}

.official-links strong .nowrap{font:inherit}
