.sdd-entry{max-width:1536px;margin:48px auto 0;padding:0 var(--space)}
.sdd-entry-button{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none}
.sdd-entry-button img{display:block;width:100%;height:auto;pointer-events:none}
.sdd-entry-background{aspect-ratio:3009/1002}
.sdd-entry-action{position:absolute;left:54.6%;bottom:11.4%;width:41.18%;display:block;border-radius:999px;box-shadow:0 0 0 2px #c4ff42;transform-origin:center;transition:transform .2s cubic-bezier(.2,.7,.25,1),filter .2s ease}
.sdd-entry-action img{aspect-ratio:1239/201}
.sdd-entry-button:focus-visible{outline:2px solid #005d1d;outline-offset:5px;border-radius:16px}
.sdd-entry-button:focus-visible .sdd-entry-action{filter:brightness(1.1)}
@media(hover:hover) and (pointer:fine){.sdd-entry-button:hover .sdd-entry-action{transform:translateY(-3px);filter:brightness(1.08)}}
.sdd-entry-button:active .sdd-entry-action{transform:translateY(1px) scale(.98);filter:brightness(.94)}
.sdd-hover-cursor{position:fixed;left:0;top:0;z-index:45;width:84px;height:84px;display:grid;place-content:center;border-radius:50%;background:var(--yellow);color:#202020;pointer-events:none;font:400 10px/17px var(--sans);text-align:center;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:opacity .16s ease,transform .16s ease}
.sdd-hover-cursor.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media(hover:none),(pointer:coarse){.sdd-hover-cursor{display:none}}
.sdd-detail{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:24px clamp(16px,5vw,80px);border:0;background:transparent;color:#202020;overflow:hidden;overscroll-behavior:contain}
.sdd-detail::backdrop{background:rgba(18,22,18,.62);animation:sdd-backdrop-appear .18s ease-out}
.sdd-detail[open] .sdd-reader{animation:sdd-appear .18s ease-out}
.sdd-reader-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px;padding:12px 24px;background:#202020}
.sdd-detail-context{color:#f0f1ed;font-size:10px;line-height:20px;letter-spacing:.05em;pointer-events:none}
.sdd-detail-close{display:flex;flex:none;align-items:center;justify-content:center;gap:16px;min-width:104px;min-height:44px;padding:8px 16px;border:1px solid #ffffff70;border-radius:4px;background:#202020;color:white;font-size:12px;transition:background .15s,border-color .15s}
.sdd-detail-close span{font-size:24px;line-height:1}
.sdd-detail-close:hover{background:#383838;border-color:#fff}
.sdd-detail-close:active{background:#111}
.sdd-detail-close:focus-visible{outline:2px solid #ffe430;outline-offset:4px}
.sdd-reader{display:flex;flex-direction:column;width:min(1200px,100%);height:100%;min-height:0;margin:0 auto;background:#fff;border-radius:5px;box-shadow:0 18px 60px #0004;overflow:hidden}
.sdd-reader-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-color:#b8bcb8 #fff;-webkit-overflow-scrolling:touch}
.sdd-reader-scroll:focus-visible{outline:2px solid #49762d;outline-offset:-3px}
.sdd-reader-head{padding:52px 56px 40px;border-bottom:1px dotted #bdbdb5}
.sdd-reader-kicker{display:block;color:#6c7367;font-size:10px;letter-spacing:.1em;margin-bottom:24px}
.sdd-reader h2{margin:0 0 18px;font-size:clamp(34px,4vw,60px);font-weight:500;line-height:1.15;letter-spacing:-.055em}
.sdd-reader h2:focus{outline:none}
.sdd-reader-intro{max-width:630px;margin:0;color:#62665e;font-size:13px;line-height:1.85}
.sdd-reader-status{display:inline-flex;align-items:center;gap:8px;margin:25px 0 0;padding:7px 12px;border:1px solid #c9cec1;border-radius:20px;font-size:10px;color:#62665e}
.sdd-reader-status::before{content:'';width:5px;height:5px;border-radius:50%;background:#828b75}
.sdd-placeholder-list{list-style:none;padding:0 56px;margin:0}
.sdd-placeholder{display:grid;grid-template-columns:48px 1fr minmax(120px,36%);align-items:center;gap:24px;min-height:174px;padding:28px 0;border-bottom:1px dotted #c5c8bd}
.sdd-placeholder:last-child{border-bottom:0}
.sdd-placeholder-number{align-self:start;padding-top:8px;font-size:11px;color:#8c9382}
.sdd-placeholder h3{margin:0 0 7px;font-size:26px;font-weight:400;letter-spacing:-.04em}
.sdd-placeholder p{margin:0;color:#8b8e85;font-size:11px}
.sdd-placeholder-frame{display:grid;place-items:center;min-height:100px;border:1px dashed #c6ccbd;background:#f0f3e9;color:#8f9982;font-size:10px;letter-spacing:.06em}
.sdd-reader-foot{display:flex;justify-content:space-between;gap:16px;margin:0;padding:22px 56px;border-top:1px dotted #c5c8bd;font-size:9px;color:#92958b;letter-spacing:.03em}
.sdd-source{display:inline-flex;align-items:center;min-height:44px;margin-top:16px;font-size:11px;text-underline-offset:4px}
.sdd-source:hover{text-decoration:underline}
.sdd-chapter-nav{flex:none;display:grid;grid-template-columns:repeat(4,1fr);padding:8px 40px;background:#fff;border-bottom:1px solid #e5e7df}
.sdd-chapter-nav a{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:12px;color:#59624f;touch-action:manipulation}
.sdd-chapter-nav a:hover,.sdd-chapter-nav a:focus-visible{background:#eef8df;color:#1f4214;outline-offset:-3px}
.sdd-media{margin:0;background:#fff}
.sdd-media img{display:block;width:100%;height:auto;cursor:zoom-in}
.sdd-media img:focus-visible{outline:3px solid #49762d;outline-offset:-4px}
.sdd-overview{padding:32px 40px}
.sdd-stage{scroll-margin-top:0}
.sdd-stage>header{padding:36px 48px 28px;border-top:1px solid #e2e5dc}
.sdd-stage>header>span{display:block;font-size:11px;color:#6f7b62;margin-bottom:12px}
.sdd-stage h3{margin:0;font:400 clamp(23px,2.5vw,34px)/1.35 var(--sans);letter-spacing:-.04em;outline-offset:5px}
.sdd-stage>header>p{max-width:800px;margin:16px 0 0;font-size:13px;line-height:1.8;color:#60665b}
@media(max-width:700px){.sdd-chapter-nav{padding:6px 12px}.sdd-chapter-nav a{font-size:11px}.sdd-overview{padding:20px 16px}.sdd-stage>header{padding:28px 24px 22px}.sdd-stage>header>p{font-size:12px}}
@keyframes sdd-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes sdd-backdrop-appear{from{opacity:0}to{opacity:1}}
@media(max-width:700px){.sdd-entry{margin-top:32px}.sdd-detail{padding:12px}.sdd-reader-toolbar{min-height:60px;padding:8px 12px;gap:12px}.sdd-detail-context{font-size:8px;letter-spacing:0}.sdd-detail-close{min-width:80px;gap:12px;padding-inline:12px;font-size:11px}.sdd-reader-head{padding:32px 24px 28px}.sdd-reader-kicker{font-size:8px;margin-bottom:19px}.sdd-reader h2{font-size:34px;line-height:1.2}.sdd-reader-intro{font-size:12px}.sdd-reader-status{margin-top:20px;font-size:9px}.sdd-placeholder-list{padding:0 24px}.sdd-placeholder{grid-template-columns:26px 1fr;gap:12px;min-height:0;padding:24px 0}.sdd-placeholder h3{font-size:24px}.sdd-placeholder p{font-size:10px}.sdd-placeholder-frame{grid-column:2;min-height:90px;margin-top:4px;font-size:9px}.sdd-reader-foot{padding:20px 24px;font-size:8px;flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.sdd-detail[open] .sdd-reader,.sdd-detail::backdrop{animation:none}.sdd-entry-action,.sdd-detail-close{transition:none}.sdd-entry-button:hover .sdd-entry-action,.sdd-entry-button:active .sdd-entry-action{transform:none}.sdd-hover-cursor{display:none}}