.art{padding-bottom:clamp(4rem,8vw,8rem)}.art-shell{width:92%;max-width:1100px;margin-inline:auto}.art-head{display:grid;gap:16px}.art-head>*{max-width:920px}.art-back{display:inline-flex;align-items:center;gap:8px;width:fit-content;font-size:14px;color:var(--primary-400);transition:color .3s}.art-back:hover{color:var(--primary-500)}.art-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;font-size:14px;color:var(--neutral-600)}.art-meta .dv-sample{margin-inline-start:0}.art-cat{padding:4px 12px;border-radius:999px;background:var(--primary-500);color:#fff;font-size:12px}.art-time{display:inline-flex;align-items:center;gap:6px}.art-title{display:flex;flex-wrap:wrap;column-gap:.24em;font-size:clamp(2.3rem,6vw,5rem);font-weight:500;line-height:1.12;letter-spacing:var(--heading-letter-spacing);text-wrap:balance}.art-lead{max-width:46ch;font-size:clamp(1.1rem,1.6vw,1.45rem);line-height:1.7;color:var(--neutral-600);text-wrap:pretty}.art-cover{position:relative;aspect-ratio:16/10;max-height:86svh;margin-top:clamp(1.8rem,4vw,3rem);overflow:hidden;background:var(--primary-100);clip-path:inset(0 max(4vw,calc((100% - 1100px) / 2)) round 1.5rem)}.art-cover__img{position:absolute;inset:0;transform-origin:50% 40%}.art-cover__img img{object-fit:cover}.art-word{display:inline-block;overflow:clip;padding-block:.12em;margin-block:-.12em;vertical-align:top}.art-word>span{display:inline-block;animation:art-word 1.1s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.1s + var(--i) * .06s)}@keyframes art-word{0%{transform:translateY(110%)}}.art-back,.art-meta{animation:art-fade .8s ease both}.art-lead{animation:art-fade 1s ease .45s both}.art-cover{animation:art-fade 1.2s ease .35s both}@keyframes art-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.art-back,.art-cover,.art-lead,.art-meta,.art-word>span{animation:none!important}}.art-grid{display:grid;margin-top:clamp(2rem,5vw,4.5rem)}.art-side{display:contents}.art-share--side,.toc-side{display:none}.toc-label{margin-bottom:12px;font-size:12px;color:var(--primary-400)}.toc-list{display:grid;border-inline-start:1px solid var(--primary-100)}.toc-list li{position:relative}.toc-list a{display:block;padding:7px 0;padding-inline-start:16px;font-size:14px;line-height:1.5;color:var(--neutral-500);transition:color .3s}.toc-list li[data-level="3"] a{padding-inline-start:30px;font-size:13px}.toc-list li[data-state=read] a{color:var(--primary-300)}.toc-list li[data-state=on] a{color:var(--primary-500);font-weight:500}.toc-list a:hover{color:var(--primary-500)}.toc-list li:before{content:"";position:absolute;inset-inline-start:-1px;top:7px;bottom:7px;width:2px;border-radius:2px;background:var(--primary-500);transform:scaleY(0);transition:transform .45s var(--dv-ease)}.toc-list li[data-state=on]:before{transform:scaleY(1)}.toc-bar{position:fixed;top:calc(env(safe-area-inset-top) + 68px);left:50%;z-index:300;width:min(calc(100vw - 24px),540px);border:1px solid var(--primary-100);border-radius:10px;background:rgba(255,255,255,.97);box-shadow:0 10px 30px rgba(6,14,45,.08);opacity:0;transform:translate(-50%,-10px);pointer-events:none;transition:opacity .35s ease,transform .55s var(--dv-ease)}.toc-bar[data-shown=true]{opacity:1;transform:translate(-50%);pointer-events:auto}.toc-bar__head{position:relative;width:100%;height:46px;display:flex;align-items:center;gap:10px;padding-inline:14px;overflow:hidden;cursor:pointer}.toc-bar__label{font-size:11px;color:var(--primary-400);white-space:nowrap}.toc-bar__current{flex:1;min-width:0;font-size:14px;font-weight:500;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:toc-roll .45s var(--dv-ease) both}@keyframes toc-roll{0%{opacity:0;transform:translateY(70%)}}.toc-bar__caret{flex:none;opacity:.6;transition:transform .4s var(--dv-ease)}.toc-bar[data-open=true] .toc-bar__caret{transform:rotate(180deg)}.toc-bar__track{position:absolute;inset-inline:0;bottom:0;height:2px}.toc-bar__fill{display:block;height:100%;background:var(--primary-500);transform:scaleX(0)}.dv[dir=rtl] .toc-bar__fill{transform-origin:right}.dv[dir=ltr] .toc-bar__fill{transform-origin:left}.toc-bar__panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--dv-ease)}.toc-bar[data-open=true] .toc-bar__panel{grid-template-rows:1fr}.toc-bar__panel>.toc-list{min-height:0;overflow:hidden;margin:0 14px}.toc-bar[data-open=true] .toc-bar__panel>.toc-list{margin-block:8px 12px}.art-body{max-width:720px;font-size:clamp(1.08rem,1.25vw,1.2rem);line-height:1.95;color:var(--neutral-800)}.art-body>*+*{margin-top:1.1em}.art-body h2{margin-top:2.1em;font-size:clamp(1.6rem,2.6vw,2.2rem);line-height:1.3}.art-body h2,.art-body h3{font-weight:500;color:var(--primary-500);scroll-margin-top:140px}.art-body h3{margin-top:1.6em;font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.4}.art-body blockquote{margin-block:2em;padding:24px;border-radius:1.25rem;background:var(--surface-cream);color:var(--primary-500);font-size:clamp(1.35rem,2.2vw,1.8rem);font-weight:500;line-height:1.5}.art-quote-mark{width:24px;height:24px;margin-bottom:12px}.art-body>ul{display:grid;gap:10px}.art-body>ul>li{position:relative;padding-inline-start:26px}.art-body>ul>li:before{content:"";position:absolute;inset-inline-start:2px;top:.8em;width:7px;height:7px;background:var(--primary-500);transform:rotate(45deg)}.art-end{display:grid;gap:24px;margin-top:3em;padding-top:24px;border-top:1px solid var(--primary-100)}.art-by{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:500;color:var(--primary-500)}.art-by__mark{width:20px;height:20px}.share-label{margin-bottom:12px;font-size:12px;color:var(--primary-400)}.share-row{display:flex;align-items:center;gap:8px}.share-btn{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;border:1px solid var(--primary-100);background:#fff;color:var(--primary-500);cursor:pointer;transition:transform .4s var(--dv-ease),background-color .3s,color .3s,border-color .3s}@media (hover:hover){.share-row li:hover .share-btn{transform:scale(1.18);background:var(--primary-500);border-color:var(--primary-500);color:#fff}.share-row li:has(+li:hover) .share-btn,.share-row li:hover+li .share-btn{transform:scale(1.07)}}.share-btn[data-done=true]{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.share-toast{display:block;height:1.4em;margin-top:8px;font-size:12px;color:var(--primary-500);opacity:0;transition:opacity .3s}.share-toast[data-on=true]{opacity:1}.art-next{margin-top:clamp(4rem,8vw,7rem)}.art-next__title{margin-bottom:24px;font-size:clamp(2rem,5vw,4rem);font-weight:500;letter-spacing:var(--heading-letter-spacing)}.art-next__grid{display:grid;gap:30px}.art-card{display:grid;gap:10px}.art-card__img{position:relative;aspect-ratio:16/10;border-radius:1.25rem;overflow:hidden;background:var(--primary-100)}.art-card__img img{object-fit:cover;transition:transform 1.2s var(--dv-ease)}.art-card:hover .art-card__img img{transform:scale(1.04)}.art-card__meta{font-size:13px;color:var(--neutral-600)}.art-card__title{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:clamp(1.3rem,2vw,1.8rem);font-weight:500;line-height:1.3}.art-card__title svg{flex:none}.art-card--big .art-card__img{aspect-ratio:4/5}.art-card--big{position:relative}.art-card--big .art-card__img:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,14,45,.85),rgba(6,14,45,.1) 60%)}.art-card--big .art-card__meta,.art-card--big .art-card__title{position:absolute;inset-inline:22px;z-index:1;color:#fff}.art-card--big .art-card__meta{bottom:88px;color:var(--primary-100)}.art-card--big .art-card__title{bottom:22px;font-size:clamp(1.6rem,3vw,2.6rem)}@media (min-width:768px){.art-next__grid{grid-template-columns:1.4fr 1fr;align-items:end}.art-card--big .art-card__img{aspect-ratio:16/11}.art-card--big .art-card__meta{bottom:104px;inset-inline:32px}.art-card--big .art-card__title{bottom:32px;inset-inline:32px}}@media (min-width:1024px){.art-cover{aspect-ratio:21/9}.art-grid{grid-template-columns:250px 1fr;gap:80px;align-items:start}.art-side{display:grid;gap:40px;position:sticky;top:120px}.toc-side{display:block}.toc-bar{display:none}.art-share--side{display:block}.art-share--side .share-btn{width:42px;height:42px}.art-share--end{display:none}}