@layer components{.read-bar{z-index:120;background:var(--accent);border-radius:0 2px 2px 0;height:3px;transition:width .1s linear;position:fixed;top:0;left:0}.pills.rail{overscroll-behavior-x:contain;scrollbar-width:none;flex-wrap:nowrap;padding-bottom:2px;overflow-x:auto}.pills.rail::-webkit-scrollbar{display:none}.pills.rail .pill{flex:none}.toolbar.one-line .toolbar-inner{flex-wrap:nowrap}.toolbar.one-line .pills{flex:1;min-width:0;margin-right:0}.toolbar.one-line .result-count{flex:none}.feat{border:1px solid var(--line);transition:border-color .25s,box-shadow .25s,transform .3s var(--ease);background:#fff;border-radius:20px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:0;margin-bottom:36px;display:grid;overflow:hidden}.feat:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 30px 56px -36px #2350e873}.feat-media{background:var(--accent-soft);min-height:260px;position:relative}.feat-media img{aspect-ratio:16/10;object-fit:contain;object-position:center;width:100%;height:100%}.feat-fallback{background:linear-gradient(135deg,var(--accent-soft),var(--accent-wash));height:100%;min-height:260px;color:var(--accent);font:700 clamp(22px,3vw,32px)/1 var(--display);letter-spacing:-.02em;place-items:center;display:grid}.feat-flag{background:var(--accent);color:#fff;letter-spacing:.02em;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:600;position:absolute;top:14px;left:14px}.feat-body{flex-direction:column;padding:36px;display:flex}.feat-body h2{font:700 clamp(24px,3vw,32px)/1.2 var(--display);letter-spacing:-.025em;margin:0 0 14px}.feat-excerpt{color:var(--muted);margin:0 0 24px;font-size:16px;line-height:1.7}.feat-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:20px;display:flex}.post-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.bcard{border:1px solid var(--line);transition:border-color .25s,transform .3s var(--ease),box-shadow .25s;background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.bcard:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 28px 52px -34px #2350e873}.bcard-media{background:var(--accent-soft);position:relative;overflow:hidden}.bcard-media img{aspect-ratio:16/10;object-fit:contain;object-position:center;width:100%;transition:transform .6s var(--ease)}.bcard:hover .bcard-media img{transform:scale(1.04)}.bcard-fallback{aspect-ratio:16/10;background:linear-gradient(135deg,var(--accent-soft),var(--accent-wash));color:var(--accent);font:700 clamp(18px,2.4vw,24px)/1 var(--display);letter-spacing:-.02em;place-items:center;display:grid}.bcard-body{flex-direction:column;flex:1;padding:22px;display:flex}.bcard-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.bcard-date{color:var(--muted);font-size:13px}.bcard-body h3{font:700 19px/1.3 var(--display);letter-spacing:-.015em;margin:0 0 10px}.bcard-excerpt{color:var(--muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0 0 18px;font-size:15px;line-height:1.65;display:-webkit-box;overflow:hidden}.bcard-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:16px;display:flex}.stat-row{color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.stat-row span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.stat-row svg{opacity:.7}.read-cta{color:var(--accent);white-space:nowrap;align-items:center;gap:5px;font-size:14px;font-weight:500;display:inline-flex}.bcard:hover .read-cta svg,.feat:hover .read-cta svg{transform:translate(3px)}.read-cta svg{transition:transform .2s var(--ease)}.post-head{padding:28px 0 44px}.post-head-inner{max-width:820px}.post-tags{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.post-title{font:700 clamp(32px,4.6vw,50px)/1.1 var(--display);letter-spacing:-.03em;margin:0 0 18px}.post-excerpt{color:var(--muted);max-width:62ch;margin:0 0 24px;font-size:19px;line-height:1.6}.post-byline{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding-top:22px;display:flex}.byline-mark{background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.byline-mark img{object-fit:cover;width:100%;height:100%}.byline-who{color:var(--muted);font-size:14px;line-height:1.35}.byline-who b{color:var(--ink);font:600 15px/1.3 var(--display);display:block}.post-byline-stats{margin-left:auto}.post-cover{background:var(--accent-soft);border:1px solid var(--line);border-radius:20px;margin:0 0 8px;overflow:hidden}.post-cover img{object-fit:contain;object-position:center;width:100%;max-height:560px;display:block}.post-wrap{padding:44px 0 72px}.post-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:56px;display:grid}.post-side{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--accent-line)transparent;flex-direction:column;gap:16px;max-height:calc(100vh - 128px);display:flex;position:sticky;top:104px;overflow-y:auto}.post-side::-webkit-scrollbar{width:6px}.post-side::-webkit-scrollbar-thumb{background:var(--accent-line);border-radius:99px}.side-card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.side-label{border-bottom:1px solid var(--line);background:var(--accent-wash);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-ink);padding:14px 18px;font-size:11px;font-weight:600}.side-body{padding:16px 18px}.side-rows{gap:11px;display:grid}.side-row{justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.side-row span{color:var(--muted)}.side-row b{font-weight:600}.toc{gap:2px;margin:0;padding:0;list-style:none;display:grid}.toc a{color:var(--muted);border-left:2px solid #0000;border-radius:8px;padding:7px 10px;font-size:14px;line-height:1.45;transition:background-color .2s,color .2s,border-color .2s;display:block}.toc a:hover{background:var(--accent-wash);color:var(--accent);border-left-color:var(--accent)}.toc .sub a{padding-left:22px;font-size:13px}.article{max-width:760px}.article>:first-child{margin-top:0}.article p{color:#2a3346;margin:0 0 20px;font-size:17px;line-height:1.8}.article h2{font:700 clamp(24px,3vw,30px)/1.2 var(--display);letter-spacing:-.025em;color:var(--ink);margin:48px 0 16px;scroll-margin-top:110px}.article h3{font:700 21px/1.3 var(--display);letter-spacing:-.015em;color:var(--ink);margin:36px 0 12px;scroll-margin-top:110px}.article h4{font:600 17px/1.35 var(--display);color:var(--ink);margin:28px 0 10px}.article ul,.article ol{margin:0 0 20px;padding-left:24px}.article li{color:#2a3346;margin-bottom:8px;font-size:17px;line-height:1.8}.article li::marker{color:var(--accent)}.article blockquote{background:var(--accent-wash);border:1px solid var(--accent-line);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;margin:28px 0;padding:20px 24px}.article blockquote p{color:var(--ink);margin:0;font-size:17px}.article blockquote p+p{margin-top:12px}.article code{background:var(--accent-soft);color:var(--accent-ink);border-radius:5px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88em}.article pre{color:#dfe6f5;background:#0d1220;border-radius:14px;margin:28px 0;padding:20px 22px;font-size:14px;line-height:1.7;overflow-x:auto}.article pre code{color:inherit;font-size:inherit;background:0 0;padding:0}.article a{color:var(--accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:var(--accent-line);text-decoration-color:var(--accent-line);font-weight:500;transition:text-decoration-color .2s}.article a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.article img{border:1px solid var(--line);border-radius:14px;max-width:100%;height:auto;margin:28px 0;display:block}.article hr{background:var(--line);border:0;height:1px;margin:40px 0}.article strong{color:var(--ink);font-weight:600}.article table{border-collapse:collapse;width:100%;margin:28px 0;font-size:15px}.article th{text-align:left;background:var(--accent-wash);color:var(--accent-ink);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--accent-line);padding:12px 14px;font-size:12px;font-weight:600}.article td{border-bottom:1px solid var(--line);color:#2a3346;padding:12px 14px}.like-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;margin:44px 0 0;padding:22px 0;display:flex}.like-btn{height:46px;color:var(--ink);border:1px solid var(--line);font:500 15px/1 var(--body);cursor:pointer;transition:border-color .2s,background-color .2s,color .2s,transform .2s var(--ease);background:#fff;border-radius:999px;align-items:center;gap:9px;padding:0 22px;display:inline-flex}.like-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-wash);color:var(--accent);transform:translateY(-1px)}.like-btn.on{background:var(--accent);border-color:var(--accent);color:#fff}.like-btn:disabled{cursor:default}.like-note{color:var(--muted);font-size:14px}.ad{margin:36px 0}.ad-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:600;display:block}.ad-card{background:var(--accent-wash);border:1px solid var(--accent-line);transition:border-color .2s,transform .2s var(--ease),box-shadow .2s;border-radius:16px;align-items:center;gap:18px;padding:18px;display:flex}.ad-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 20px 40px -30px #2350e880}.ad-card img{object-fit:cover;background:#fff;border-radius:10px;flex:none;width:108px;height:76px}.ad-body{min-width:0}.ad-title{font:600 16px/1.35 var(--display);margin-bottom:4px}.ad-desc{color:var(--muted);margin-bottom:8px;font-size:14px;line-height:1.55}.ad-cta{color:var(--accent);font-size:14px;font-weight:500}.ad.sidebar{margin:0}.ad.sidebar .ad-card{flex-direction:column;align-items:stretch;gap:12px}.ad.sidebar .ad-card img{width:100%;height:118px}.comments{margin-top:56px}.comments-head{margin-bottom:24px}.comments-head h2{font:700 clamp(22px,2.6vw,28px)/1.2 var(--display);letter-spacing:-.02em;margin:0 0 6px}.comments-head p{color:var(--muted);margin:0;font-size:15px}.cform{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:28px;padding:24px}.cform-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field label{color:var(--ink);font-size:13px;font-weight:600}.field label i{color:var(--muted);font-style:normal;font-weight:400}.field input,.field textarea{width:100%;font:400 15px/1.5 var(--body);color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:110px}.field input::placeholder,.field textarea::placeholder{color:var(--muted)}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field input:disabled,.field textarea:disabled{background:var(--accent-wash);cursor:not-allowed}.form-note{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:14px;line-height:1.5}.form-note.err{color:#a32314;background:#fdecea;border:1px solid #f5c3bc}.form-note.ok{background:var(--accent-wash);border:1px solid var(--accent-line);color:var(--accent-ink)}.clist{gap:14px;display:grid}.citem{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px 22px}.citem-head{align-items:center;gap:12px;margin-bottom:10px;display:flex}.citem-mark{background:var(--accent-soft);width:36px;height:36px;color:var(--accent-ink);font:700 14px/1 var(--display);border-radius:50%;flex:none;place-items:center;display:grid}.citem-who b{font:600 15px/1.3 var(--display);display:block}.citem-who span{color:var(--muted);font-size:13px}.citem p{color:#2a3346;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.7}.cempty{text-align:center;color:var(--muted);border:1px dashed var(--accent-line);background:var(--accent-wash);border-radius:16px;padding:32px 24px;font-size:15px}.sub-band{padding:0 0 96px}.sub-inner{background:var(--accent);color:#fff;background-image:radial-gradient(circle at 88% 12%,#ffffff29,#0000 42%);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,420px);align-items:center;gap:48px;padding:44px 48px;display:grid;box-shadow:0 40px 70px -46px #2350e8cc}.sub-inner .eyebrow{color:#ffffffb8}.sub-inner h2{font:700 clamp(26px,3.2vw,34px)/1.15 var(--display);letter-spacing:-.025em;margin:0 0 10px}.sub-inner p{color:#ffffffd1;max-width:46ch;margin:0 0 18px;font-size:16px;line-height:1.65}.sub-marks{color:#ffffffbf;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.sub-marks i{background:#ffffff73;border-radius:50%;width:4px;height:4px}.sub-form{gap:14px;display:grid}.sub-form .field label{color:#ffffffd9}.sub-form .field label i{color:#fff9}.sub-form .field input{color:#fff;background:#ffffff24;border-color:#ffffff47}.sub-form .field input::placeholder{color:#fff9}.sub-form .field input:focus{background:#fff3;border-color:#fff;box-shadow:0 0 0 3px #ffffff2e}.portfolio .sub-form .btn-invert{color:var(--accent);background:#fff;border-color:#fff}.portfolio .sub-form .btn-invert:hover:not(:disabled){background:var(--accent-wash)}.portfolio .sub-form .btn-invert:disabled{opacity:.55;cursor:not-allowed}.sub-ok{text-align:center;background:#ffffff24;border:1px solid #ffffff4d;border-radius:16px;justify-items:center;gap:10px;padding:32px 24px;display:grid}.sub-ok-mark{width:44px;height:44px;color:var(--accent);background:#fff;border-radius:50%;place-items:center;font-size:20px;display:grid}.sub-ok p{color:#fff;margin:0;font-size:15px}.sub-err{color:#fff;background:#ffffff29;border:1px solid #ffffff59;border-radius:10px;padding:11px 14px;font-size:14px}@media (max-width:1080px){.post-grid{grid-template-columns:repeat(2,1fr)}.post-layout{grid-template-columns:minmax(0,1fr) 270px;gap:36px}}@media (max-width:980px){.feat{grid-template-columns:1fr}.feat-media{min-height:0}.feat-body{padding:28px}.post-layout{grid-template-columns:1fr;gap:44px}.post-side{max-height:none;position:static;overflow:visible}.sub-inner{grid-template-columns:1fr;gap:32px;padding:36px}}@media (max-width:720px){.post-grid{grid-template-columns:1fr;gap:20px}.toolbar.one-line .toolbar-inner{flex-wrap:wrap}.toolbar.one-line .pills{flex:100%}.feat-body{padding:22px}.post-head{padding:20px 0 32px}.post-byline-stats{flex-basis:100%;margin-left:0}.post-cover img{max-height:320px}.post-wrap{padding:32px 0 56px}.article p,.article li{font-size:16px}.article pre{border-radius:12px;padding:16px}.cform{padding:20px}.cform-grid{grid-template-columns:1fr;gap:14px}.ad-card{flex-direction:column;align-items:stretch}.ad-card img{width:100%;height:150px}.sub-band{padding-bottom:72px}.sub-inner{border-radius:20px;padding:28px 24px}.like-row{margin-top:32px}}}