.subpage-body{background:#faf9fe}
.subpage-main{min-height:calc(100vh - 76px);min-height:calc(100dvh - 76px)}
.nav a[aria-current="page"]{color:var(--purple)}
.sub-hero{position:relative;overflow:hidden;padding:92px 6% 72px;background:linear-gradient(90deg,#f0edffeb,#fff3fae8),url('/assets/hero-pixel-sky.png') center/cover}
.sub-hero:after{content:"";position:absolute;width:240px;height:240px;right:8%;top:28px;border-radius:50%;background:#fff7;filter:blur(18px)}
.sub-hero-inner{position:relative;z-index:1;width:min(1160px,100%);margin:auto}
.sub-hero h1{font-family:Outfit,"Gowun Dodum",sans-serif;font-size:clamp(42px,5vw,64px);line-height:1.05;margin:10px 0 18px;letter-spacing:-.045em}
.sub-hero p:last-child{max-width:650px;color:#5f5a70;font-size:17px;margin:0}
.content-shell{width:min(1160px,88%);margin:0 auto;padding:62px 0 90px}
.content-section{margin-bottom:64px}
.content-section:last-child{margin-bottom:0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}
.section-head h2{font-size:clamp(27px,3vw,36px);line-height:1.2;margin:5px 0 0;letter-spacing:-.04em}
.section-head>p{max-width:480px;margin:0;color:var(--muted);text-align:right}
.soft-panel{background:#fff;border:1px solid #eeeaf6;border-radius:24px;padding:30px;box-shadow:0 18px 55px #584f7610}
.release-board{overflow:hidden;background:#fff;border:1px solid #e9e5f2;border-radius:22px;box-shadow:0 18px 55px #584f7610}
.release-head,.release-row summary{display:grid;grid-template-columns:150px 1fr 130px 120px;gap:20px;align-items:center}
.release-head{padding:13px 24px;background:#f4f0ff;color:#716b80;font-size:12px;font-weight:800;letter-spacing:.08em}
.release-row{border-top:1px solid #eeeaf5}
.release-row:first-of-type{border-top:0}
.release-row summary{padding:22px 24px;cursor:pointer;list-style:none}
.release-row summary::-webkit-details-marker{display:none}
.release-row summary:after{content:"＋";font-weight:700;color:var(--purple);justify-self:end}
.release-row[open] summary:after{content:"−"}
.release-version{font-family:Outfit,sans-serif;font-size:19px;font-weight:800;color:var(--purple)}
.release-title{font-weight:800;font-size:17px}
.release-date{font-size:13px;color:var(--muted)}
.status{display:inline-flex;width:max-content;padding:5px 10px;border-radius:99px;background:#eee9ff;color:#684dd2;font-size:12px;font-weight:800}
.status.planned{background:#fff0f6;color:#d75f98}
.status.released,.status.done{background:#e8f8ef;color:#2d8a55}
.release-content{padding:0 24px 26px 194px;color:#625e6d}
.release-content h3{font-size:15px;margin:0 0 8px;color:var(--ink)}
.release-content ul{margin:0;padding-left:20px}
.release-content li+li{margin-top:5px}
.note-callout{display:flex;gap:18px;align-items:flex-start;margin-top:22px;padding:20px 22px;border-radius:16px;background:#f4f1ff}
.note-callout strong{display:block;margin-bottom:3px}
.note-callout span{font-size:26px}
.creator-sector+.creator-sector{margin-top:70px}
.creator-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.creator-card{display:flex;align-items:center;gap:18px;min-height:112px;padding:16px 20px;background:#fff;border:1px solid #ebe7f2;border-radius:18px;box-shadow:0 11px 34px #584f760c;transition:transform .2s,border-color .2s}
.creator-card:hover{transform:translateY(-3px);border-color:#cfc5f3}
.creator-avatar{flex:0 0 78px;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#efeaff,#fff0f7)}
.creator-avatar img{width:72px;height:72px;object-fit:contain}
.avatar-mark{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--purple);font-family:Outfit,sans-serif;font-weight:900;box-shadow:0 10px 28px #7255d71a}
.creator-sector.fan .avatar-mark{color:#d6649a}
.creator-info{min-width:0}
.creator-info h3{font-size:17px;margin:0 0 4px}
.creator-info p{margin:0;color:var(--muted);font-size:13px}
.creator-tag{display:inline-block;margin-top:8px;padding:3px 9px;border-radius:99px;background:#f1edff;color:#7255d7;font-size:11px;font-weight:800}
.creator-sector.fan .creator-tag{background:#fff0f6;color:#d6649a}
.guide-intro{display:grid;grid-template-columns:1.35fr .65fr;gap:24px}
.guide-lead{padding:32px;border-radius:23px;background:linear-gradient(135deg,#efeaff,#fff1f8)}
.guide-lead h2{font-size:29px;line-height:1.35;margin:5px 0 14px}
.guide-lead p{color:#5e596b;margin:0}
.guide-actions{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:26px;background:#fff;border:1px solid #ece8f3;border-radius:23px}
.guide-actions a{text-decoration:none;text-align:center;padding:12px 18px;border-radius:11px;font-weight:800}
.guide-actions a:nth-child(3){background:#fff;color:var(--purple);border:1px solid #ebe6f5}
.primary-link{color:#fff;background:var(--purple)}
.secondary-link{color:var(--purple);background:#f0ecff}
.requirement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.requirement-card{padding:25px;background:#fff;border:1px solid #ece8f3;border-radius:20px}
.requirement-card i{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#eee9ff;color:var(--purple);font-family:Outfit,sans-serif;font-style:normal;font-weight:800}
.requirement-card h3{margin:14px 0 7px}
.requirement-card p{margin:0;color:var(--muted);font-size:14px}
.spec-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0 0}
.spec-list div{padding:15px;border-radius:14px;background:#f6f3ff}
.spec-list b,.spec-list span{display:block}
.spec-list b{font-size:12px;color:var(--purple);margin-bottom:3px}
.spec-list span{font-size:14px}
.motion-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e9e5f1;border-radius:18px;overflow:hidden}
.motion-table th,.motion-table td{padding:15px 18px;text-align:left;border-bottom:1px solid #eeeaf4}
.motion-table th{background:#f3efff;color:#675e7a;font-size:12px;letter-spacing:.04em}
.motion-table tr:last-child td{border-bottom:0}
.motion-table td:first-child{font-weight:800}
.motion-table td:last-child{white-space:nowrap;color:var(--purple);font-weight:800}
.folder-tree{margin:0;padding:24px;border-radius:18px;background:#242132;color:#e7e2f7;overflow:auto;font:13px/1.75 Consolas,monospace;white-space:pre}
.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.check-item{display:flex;gap:12px;align-items:flex-start;padding:18px;background:#fff;border:1px solid #ebe7f2;border-radius:15px}
.check-item:before{content:"✓";display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#e9e3ff;color:#694bd2;font-weight:900}
.check-item b{display:block;margin-bottom:3px}
.check-item p{margin:0;color:var(--muted);font-size:13px}
.page-footer-nav{display:flex;justify-content:space-between;gap:20px;padding-top:28px;border-top:1px solid #e9e5f0}
.page-footer-nav a{text-decoration:none;color:var(--purple);font-weight:800}
.empty-note{margin:0;color:var(--muted);font-size:13px}

html.dark .subpage-body{background:var(--paper)}
html.dark .sub-hero{background:linear-gradient(90deg,#1e1a30eb,#1f1828e8),url('/assets/hero-pixel-sky.png') center/cover}
html.dark .sub-hero p:last-child{color:var(--muted)}
html.dark .sub-hero:after{background:#ffffff10}
html.dark .soft-panel,html.dark .release-board,html.dark .creator-card,html.dark .requirement-card,html.dark .check-item,html.dark .guide-actions{background:#1a1728;border-color:#2e2a45}
html.dark .release-head{background:#221e38;color:#9d96b3}
html.dark .release-row{border-top-color:#2e2a45}
html.dark .release-content{color:var(--muted)}
html.dark .note-callout{background:#221e38}
html.dark .guide-lead{background:linear-gradient(135deg,#1e1a30,#1f1828)}
html.dark .guide-lead p{color:var(--muted)}
html.dark .secondary-link{background:#221e38}
html.dark .spec-list div{background:#221e38}
html.dark .motion-table{background:#1a1728;border-color:#2e2a45}
html.dark .motion-table th{background:#221e38;color:#9d96b3}
html.dark .motion-table th,html.dark .motion-table td{border-bottom-color:#2e2a45}
html.dark .creator-avatar{background:linear-gradient(145deg,#221e38,#1f1828)}
html.dark .avatar-mark{background:#1a1728}
html.dark .guide-actions a:nth-child(3){background:#1a1728;border-color:#2e2a45}
html.dark .page-footer-nav{border-top-color:#2e2a45}
html.dark .status{background:#221e38;color:#a98bf5}
html.dark .status.planned{background:#2a1a28;color:#f394be}
html.dark .status.released,html.dark .status.done{background:#1a2820;color:#6ecf98}

@media(max-width:900px){.release-head,.release-row summary{grid-template-columns:120px 1fr 100px}.release-head span:nth-child(3),.release-date{display:none}.release-content{padding-left:164px}.guide-intro{grid-template-columns:1fr}.requirement-grid{grid-template-columns:1fr}.spec-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.subpage-main{min-height:calc(100vh - 64px);min-height:calc(100dvh - 64px)}.sub-hero{padding:68px 20px 54px}.sub-hero h1{font-size:40px}.content-shell{width:calc(100% - 36px);padding:44px 0 70px}.section-head{display:block}.section-head>p{text-align:left;margin-top:10px}.release-head{display:none}.release-row summary{grid-template-columns:1fr auto;gap:5px 12px}.release-title{grid-column:1/2}.release-version{font-size:15px}.release-row summary .status{grid-column:1/2}.release-row summary:after{grid-column:2;grid-row:1/3}.release-content{padding:0 20px 22px}.creator-grid{grid-template-columns:1fr}.creator-card{padding:14px}.creator-avatar{flex-basis:66px;width:66px;height:66px}.creator-avatar img{width:61px;height:61px}.guide-lead,.guide-actions,.soft-panel{padding:22px}.spec-list,.check-grid{grid-template-columns:1fr}.motion-table{font-size:12px}.motion-table th,.motion-table td{padding:11px 9px}.motion-table th:nth-child(2),.motion-table td:nth-child(2){display:none}.page-footer-nav{flex-direction:column}}