.article-header{--_accent:var(--color-secondary);--_bg-main:var(--color-background);--_text-main:var(--color-text-primary);--_radius:clamp(0.5rem,2vw,1.5rem);--_shadow:0 2px 24px 0 rgba(76,76,76,0.09);background:var(--_bg-main);color:var(--_text-main);box-shadow:var(--_shadow);border-radius:var(--_radius);max-width:clamp(340px,85vw,1080px);margin:0 auto;padding:clamp(1.25rem,6vw,3rem) clamp(1rem,4vw,2.5rem);display:flex;flex-direction:column;gap:clamp(1rem,4vw,2.5rem);-webkit-box-sizing:border-box;box-sizing:border-box}.article-header-content{display:flex;flex-direction:column;gap:clamp(0.5rem,2vw,1.25rem)}.article-header-title{font-family:var(--font-family-heading);font-size:clamp(2rem,4vw,3rem);color:var(--color-primary-main);line-height:var(--line-height-heading);margin:0 0 clamp(0.25rem,1vw,0.75rem) 0;letter-spacing:-0.015em}.article-header-meta{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(0.5rem,2vw,1.5rem);font-family:var(--font-family-body);font-size:clamp(1rem,2vw,1.125rem);color:var(--color-text-secondary)}.article-header-date,.article-header-author,.article-header-reading-time{opacity:.78;font-size:clamp(0.95rem,1.7vw,1.05rem);line-height:1.4;margin-right:clamp(0.5rem,2vw,1rem);position:relative}.article-header-date::after,.article-header-author::after{content:'';display:inline-block;vertical-align:middle;width:.33em;height:.33em;border-radius:50%;background:var(--color-accent);margin-left:.75em;margin-right:-.5em}.article-header-meta>:last-child::after,.article-header-reading-time::after{display:none;content:''}.article-header-categories{margin-left:auto;display:flex;align-items:center}.article-header-categories-list{display:flex;flex-wrap:wrap;gap:clamp(0.3rem,1vw,0.7rem);list-style:none;margin:0;padding:0}.article-header-category-tag{display:inline-block;font-family:var(--font-family-body);font-size:clamp(0.93rem,1.4vw,1.05rem);color:var(--_accent);background:rgba(235,15,115,0.07);border:1px solid var(--color-secondary-light);border-radius:clamp(0.6rem,2vw,1.1rem);padding:clamp(0.17rem,0.7vw,0.32rem) clamp(0.7rem,2vw,1.35rem);text-decoration:none;transition:background .25s,color .25s,border-color .25s;line-height:1.2}.article-header-category-tag:hover,.article-header-category-tag:focus-visible{color:var(--color-secondary-contrast);background:var(--_accent);border-color:var(--color-secondary-dark);outline:none}.article-header-figure{display:flex;align-items:center;justify-content:center;background:var(--color-background-paper);border-radius:var(--_radius);overflow:hidden;margin:0;padding:0;min-height:clamp(180px,30vw,330px);box-shadow:0 1px 16px 0 rgba(76,76,76,0.12)}.article-header-image{display:block;width:100%;max-width:100%;height:auto;border-radius:0;object-fit:cover}@media (max-width:1024px){.article-header{flex-direction:column;max-width:94vw}.article-header-meta{flex-direction:column;align-items:flex-start;gap:clamp(0.35rem,1vw,0.85rem)}.article-header-categories{margin-left:0;margin-top:clamp(0.35rem,1vw,0.7rem);align-self:flex-start}}@media (max-width:768px){.article-header{gap:clamp(0.8rem,3vw,1.25rem);max-width:99vw}.article-header-figure{min-height:clamp(120px,36vw,210px)}}@media (max-width:480px){.article-header{gap:clamp(0.5rem,2vw,1rem);max-width:100vw;padding-left:clamp(0.5rem,3vw,1rem);padding-right:clamp(0.5rem,3vw,1rem)}.article-header-title{font-size:clamp(1.35rem,8vw,1.65rem)}.article-header-meta{flex-direction:column;gap:clamp(0.2rem,1vw,0.45rem)}.article-header-figure{min-height:clamp(80px,48vw,120px)}}.content-sidebar-toc-root{--_shadow:0 4px 32px rgba(76,76,76,0.06),0 1.5px 5px rgba(235,15,115,0.09);background:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-body);padding:clamp(1rem,3vw,2.5rem) 0}.content-sidebar-toc-layout{display:grid;grid-template-columns:clamp(235px,19vw,350px) 1fr;gap:clamp(1.2rem,3vw,2.5rem);align-items:start;max-width:1600px;margin:0 auto;position:relative}.content-sidebar-toc-aside{position:sticky;top:clamp(1rem,4vw,2.5rem);align-self:start;z-index:2;display:flex;flex-direction:column}.content-sidebar-toc-content img{width:-webkit-fill-available}.content-sidebar-toc-panel{background:var(--color-background-paper);border-radius:clamp(0.9rem,2vw,1.7rem);box-shadow:var(--_shadow);padding:clamp(1.2rem,3vw,2.2rem) clamp(1rem,2vw,1.8rem);border:1px solid var(--color-accent-light);display:flex;flex-direction:column;gap:clamp(1rem,2vw,1.5rem);min-width:0;transition:box-shadow 0.23s cubic-bezier(0.39,0.58,0.57,1),border-color 0.2s}.content-sidebar-toc-header{display:flex;align-items:center;gap:clamp(0.3rem,2vw,1.3rem);margin-bottom:clamp(0.5rem,1vw,1rem)}.content-sidebar-toc-title{font-family:var(--font-family-heading);font-size:clamp(1.1rem,2vw,1.45rem);color:var(--color-secondary);letter-spacing:0.03em;font-weight:700;line-height:var(--line-height-heading);text-transform:uppercase;position:relative;z-index:1}.content-sidebar-toc-hexagon{width:clamp(1.5rem,5vw,2.8rem);height:clamp(1.5rem,5vw,2.8rem);stroke:var(--color-secondary);opacity:0.40;filter:drop-shadow(0 4px 10px rgba(235,15,115,0.07));transition:opacity 0.35s cubic-bezier(0.39,0.58,0.57,1)}.content-sidebar-toc-panel:hover .content-sidebar-toc-hexagon{opacity:0.73}.content-sidebar-toc-nav{display:block}.content-sidebar-toc-list{display:flex;flex-direction:column;gap:clamp(0.5rem,1vw,1.2rem);font-size:clamp(0.98rem,1.3vw,1.08rem);line-height:1.45;min-width:0}.content-sidebar-toc-list [role="listitem"],.content-sidebar-toc-list li{font-family:var(--font-family-body);color:var(--color-text-secondary);letter-spacing:0.01em;border-left:3.5px solid var(--color-accent-light);padding-left:clamp(0.63rem,1vw,1rem);margin-bottom:0;border-radius:clamp(0.33rem,1vw,0.7rem) 0 0 clamp(0.8rem,2vw,1.5rem);background:rgba(235,15,115,0.04);transition:background 0.22s,color 0.16s;position:relative;list-style:none;min-width:0}.content-sidebar-toc-list a,.content-sidebar-toc-list li a{color:var(--color-secondary);text-decoration:none;font-weight:600;padding:0.07em 0.12em;border-radius:clamp(0.19rem,0.5vw,0.31rem);transition:background 0.18s,color 0.15s;outline:none;box-shadow:none}.content-sidebar-toc-list a:focus-visible,.content-sidebar-toc-list a:hover{background:rgba(235,15,115,0.15);color:var(--color-primary-main)}.content-sidebar-toc-article{min-width:0;background:var(--color-panel,var(--color-background));border-radius:clamp(1rem,2vw,2rem);box-shadow:var(--_shadow);padding:clamp(1.5rem,5vw,3.4rem) clamp(1.15rem,4vw,3.2rem);border:1px solid var(--color-accent-light);display:flex;flex-direction:column;gap:clamp(1.1rem,3vw,2.1rem);overflow:visible;position:relative;z-index:1;transition:box-shadow 0.2s cubic-bezier(0.39,0.58,0.57,1),border-color 0.16s}.content-sidebar-toc-article:before{content:"";position:absolute;left:-30px;top:55px;width:70px;height:70px;z-index:0;opacity:0.10;background:linear-gradient(210deg,rgba(76,76,76,0.06) 40%,rgba(235,15,115,0.07) 100%);clip-path:polygon(16px 2px,70px 30px,70px 62px,34px 68px,2px 38px,2px 12px);pointer-events:none}.content-sidebar-toc-content{color:var(--color-text-primary);font-size:clamp(0.99rem,1.3vw,1.15rem);font-family:var(--font-family-body);line-height:var(--line-height-body);min-width:0}.content-sidebar-toc-content h1,.content-sidebar-toc-content h2,.content-sidebar-toc-content h3,.content-sidebar-toc-content h4,.content-sidebar-toc-content h5,.content-sidebar-toc-content h6{color:var(--color-primary-main);font-family:var(--font-family-heading);font-weight:800;line-height:var(--line-height-heading);margin-top:clamp(2rem,4vw,4.2rem);margin-bottom:clamp(1rem,2vw,2rem);border-left:5px solid var(--color-secondary);padding-left:clamp(0.59rem,1vw,1.1rem)}.content-sidebar-toc-content p{color:var(--color-text-primary);margin:0 0 clamp(1rem,2vw,2.1rem) 0;font-size:clamp(1rem,1.6vw,1.25rem)}@media (max-width:1024px){.content-sidebar-toc-layout{grid-template-columns:1fr;gap:clamp(1rem,2vw,2rem)}.content-sidebar-toc-aside{position:static;margin-bottom:clamp(1rem,3vw,2.5rem);min-width:0}}@media (max-width:768px){.content-sidebar-toc-layout{grid-template-columns:1fr;max-width:100vw}.content-sidebar-toc-article,.content-sidebar-toc-panel{box-shadow:0 2px 10px rgba(76,76,76,0.11)}.content-sidebar-toc-article:before{left:-12px;top:30px;width:44px;height:44px}}@media (max-width:480px){.content-sidebar-toc-root{padding:clamp(0.38rem,2vw,1rem) 0}.content-sidebar-toc-layout{gap:clamp(0.5rem,2vw,1rem)}.content-sidebar-toc-article,.content-sidebar-toc-panel{padding:clamp(0.8rem,6vw,1.7rem);border-radius:clamp(0.6rem,3vw,1.3rem)}}#article-author-box{background:var(--color-background-paper);color:var(--color-text-primary);border-radius:clamp(1rem,3vw,2.5rem);box-shadow:0 2px 12px 0 rgba(76,76,76,0.08);max-width:100%;margin:clamp(1.25rem,5vw,3rem) auto;padding:clamp(1.25rem,4vw,2.75rem);display:flex;justify-content:center}.article-author-box-inner{display:flex;gap:clamp(1.5rem,6vw,3.5rem);align-items:center;width:100%;max-width:clamp(22rem,60vw,50rem)}.article-author-box-visual{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.article-author-box-avatar,.article-author-box_temp_91f9b9b0-image{width:clamp(3.25rem,11vw,6.5rem);height:clamp(3.25rem,11vw,6.5rem);border-radius:clamp(0.75rem,40%,1.5rem);background:var(--color-primary-light);object-fit:cover;box-shadow:0 0 0 3px var(--color-secondary-light),0 3px 14px 0 rgba(235,15,115,0.10);border:2px solid var(--color-background-paper);transition:box-shadow 0.25s}.article-author-box-details{display:flex;flex-direction:column;gap:clamp(0.25rem,1.5vw,0.75rem);min-width:0}.article-author-box-name{font-family:var(--font-family-heading);font-size:clamp(1.1rem,2.5vw,1.6rem);color:var(--color-primary-main);line-height:var(--line-height-heading);font-weight:bold;letter-spacing:0.01em;margin-bottom:clamp(0rem,0.5vw,0.25rem)}.article-author-box-bio{font-family:var(--font-family-body);font-size:clamp(0.95rem,2vw,1.1rem);color:var(--color-accent-dark);line-height:var(--line-height-body);margin:0;max-width:38ch;opacity:0.86}@media (max-width:1024px){.article-author-box-inner{flex-direction:row;max-width:90vw}}@media (max-width:768px){#article-author-box{max-width:98vw;padding-left:clamp(0.75rem,4vw,1.5rem);padding-right:clamp(0.75rem,4vw,1.5rem)}.article-author-box-inner{flex-direction:column;align-items:flex-start;gap:clamp(1rem,4vw,2rem)}.article-author-box-visual{margin-bottom:clamp(0.5rem,2vw,1.25rem)}}@media (max-width:480px){.article-author-box-inner{max-width:100vw}}