/* Highlands in Gold: scoped content styles, adapted from the supplied package. */
.hig{--ink:#e8e6e1;--muted:#b5b3ad;--accent:#d3bc8e;--line:#303030;--panel:#1b1a1c;--dark:#080808;--paper:#141315;--font-body:"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;--text-width:790px;--chapter-space:76px;max-width:1400px;margin:0 auto;padding:90px 60px 40px;font-family:var(--font-body);font-size:17px;line-height:1.95;color:var(--ink);scroll-margin-top:90px}
.hig *{box-sizing:border-box}
.hig h2,.hig h3{font-family:var(--font-body);font-weight:550;line-height:1.4;margin:0;letter-spacing:-.035em}
.hig p{margin:0 0 22px}
.hig img{max-width:100%;display:block}
.hig a{color:inherit;text-underline-offset:5px}.hig a:hover{color:var(--accent)}
.hig .section{margin:0 auto}
.hig .intro{max-width:var(--text-width);color:var(--muted);font-size:18px}
.hig .work_block{margin-top:56px}.hig .work_block:first-child{margin-top:0}
.hig .work_block h2{font-size:26px;margin-bottom:24px}
.hig .work_intro p{max-width:var(--text-width)}
.hig .media{margin:32px 0}
.hig .hero_media{margin-top:24px}
.hig .video_cover{position:relative;display:block;background:var(--dark)}.hig .video_cover img{width:100%;height:auto}
.hig .video_play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border-radius:50%;background:rgba(20,30,24,.8);color:#fff;font-size:30px;padding-left:4px}
.hig .video_cover:hover .video_play{background:var(--accent);color:var(--dark)}
.hig .video_frame{display:block;width:100%;aspect-ratio:3840/1607;border:0;background:var(--dark)}
.hig figcaption{font-size:12px;line-height:1.75;color:var(--muted);margin-top:12px}
.hig .showcase_gallery .media{width:100%;margin:36px 0 52px}
.hig .media.has_media img,.hig .media.has_media video{width:100%;height:auto;max-height:820px;object-fit:contain;background:var(--dark)}
.hig .showcase_gallery .media.has_media img{max-height:none}
.hig .placeholder{min-height:230px;border:1px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px;gap:15px}
.hig .placeholder strong{font-size:18px;font-weight:550}
.hig .placeholder code{font-family:Consolas,monospace;font-size:12px;color:var(--muted)}
.hig .media.has_media .placeholder{display:none}
.hig .system{padding-top:100px;padding-bottom:80px}
.hig .section_heading{max-width:var(--text-width)}
.hig .section_heading h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:28px}
.hig .contents{display:flex;flex-wrap:wrap;gap:12px 28px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:35px;font-size:13px}.hig .contents a{text-decoration:none}
.hig .chapter{padding-top:var(--chapter-space);scroll-margin-top:100px}
.hig .chapter h3{font-size:26px;margin-bottom:28px}
.hig .chapter>p{max-width:var(--text-width)}
.hig #village>p{max-width:none;width:100%}
.hig .diagram{margin:36px 0 44px}.hig .diagram img{width:100%;background:var(--paper)}.hig .diagram a{display:block}
.hig .development{border-top:1px solid var(--line);padding-top:64px;padding-bottom:80px}.hig .development .chapter:first-of-type{padding-top:18px}
.hig .reference_media .placeholder{min-height:320px}
@media(max-width:900px){.hig{padding:60px 24px 30px}}
@media(max-width:650px){.hig{font-size:16px;line-height:1.9;--chapter-space:52px}.hig .intro{font-size:16px}.hig .chapter h3{font-size:23px}.hig .video_play{width:54px;height:54px;font-size:23px}.hig .diagram{overflow-x:auto}.hig .diagram img{min-width:760px}}
