.type-tabs{display:flex;gap:7px;flex-wrap:wrap;margin:-17px auto 26px}.type-tabs button{border:1px solid #72726c;background:transparent;color:#cccac4;padding:8px 12px;font:12px 'Noto Sans SC';cursor:pointer;transition:.25s}.type-tabs button:hover,.type-tabs button.active{background:var(--lime);border-color:var(--lime);color:var(--ink)}.detail-drawer{position:fixed;z-index:30;right:0;top:0;width:min(610px,100%);height:100dvh;background:#f3f1ec;transform:translateX(105%);transition:transform .6s cubic-bezier(.2,.8,.2,1);overflow-y:auto}.detail-drawer.show{transform:none}.drawer-mask{position:fixed;z-index:29;inset:0;background:#0008;opacity:0;pointer-events:none;backdrop-filter:blur(4px);transition:opacity .4s}.drawer-mask.show{opacity:1;pointer-events:auto}.drawer-close{position:absolute;z-index:3;right:18px;top:17px;width:39px;height:39px;border-radius:50%;border:1px solid #fff9;background:#151515a8;color:#fff;font-size:26px;cursor:pointer}.drawer-hero{height:370px;position:relative;color:#fff;display:flex;align-items:end;padding:30px;overflow:hidden}.drawer-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(#0001,#000b)}.drawer-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.drawer-hero div{position:relative;z-index:1}.drawer-hero small{font:11px 'DM Mono';color:var(--lime)}.drawer-hero h2{font-size:39px;letter-spacing:-.06em;line-height:1;margin:8px 0}.drawer-hero code{font:12px 'DM Mono'}.drawer-body{padding:31px}.drawer-summary{border-bottom:1px solid #c7c4bc;padding-bottom:25px}.drawer-summary span,.board-title span{font:10px 'DM Mono';color:#77756e}.drawer-summary strong{display:block;font-size:14px;margin:7px 0;color:#578005}.drawer-summary p{font-size:14px;line-height:1.8;color:#55524d;max-width:430px;margin:0}.reference-board{padding:26px 0}.board-title{display:flex;justify-content:space-between;margin-bottom:13px}.board-title small{font:10px 'DM Mono';color:#77756e}.reference-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.reference-grid figure{height:150px;margin:0;position:relative;overflow:hidden;background:#ddd}.reference-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.reference-grid figure:hover img{transform:scale(1.08)}.reference-grid figcaption{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;background:#151515b8;color:#fff;font:9px 'DM Mono'}.drawer-actions{border-top:1px solid #c7c4bc;padding-top:22px;display:flex;gap:10px}.drawer-actions button{height:43px;border:0;background:var(--ink);color:#fff;padding:0 17px;font:600 13px 'Noto Sans SC';cursor:pointer}.drawer-actions .outline{color:var(--ink);background:transparent;border:1px solid var(--ink)}@media(max-width:700px){.detail-drawer{width:100%}.drawer-hero{height:300px;padding:24px}.drawer-hero h2{font-size:32px}.drawer-body{padding:24px}.reference-grid figure{height:130px}.type-tabs{margin-top:-9px}}