/* v6.97: Hover effects are pointer-only; focus/active states remain available on touch. */
:root{--pink:#ff4f91;--pink2:#ff79ad;--pink-soft:#fff0f6;--cyan:#77e8ff;--blue:#6f7cff;--violet:#a16cff;--ink:#11131b;--ink2:#202330;--muted:#707483;--line:#e9e7ee;--page:#fbfafc;--surface:#fff;--dark:#0d0f16;--radius:22px;--shadow:0 18px 60px rgba(26,18,42,.10);--shadow-sm:0 8px 30px rgba(26,18,42,.07)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--page);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.desktop-only{display:block}
.site-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.site-bg span{position:absolute;border-radius:50%;filter:blur(6px);opacity:.35}.site-bg span:nth-child(1){width:520px;height:520px;background:radial-gradient(circle,#ffd7e8,transparent 68%);top:-180px;right:-120px}.site-bg span:nth-child(2){width:480px;height:480px;background:radial-gradient(circle,#dffaff,transparent 68%);top:520px;left:-240px}.site-bg span:nth-child(3){width:400px;height:400px;background:radial-gradient(circle,#efe1ff,transparent 68%);bottom:80px;right:-160px}
.topbar{height:76px;max-width:1240px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20}.topbar.solid{max-width:none;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(20,20,30,.08);backdrop-filter:blur(18px);position:sticky;top:0;padding-left:max(32px,calc((100vw - 1240px)/2 + 32px));padding-right:max(32px,calc((100vw - 1240px)/2 + 32px))}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.02em}.brand img{width:38px;height:38px;border-radius:50%;box-shadow:0 5px 18px rgba(255,79,145,.22)}.topnav{display:flex;align-items:center;gap:8px}.topnav a{font-size:14px;font-weight:700;color:#4f5260;padding:9px 12px;border-radius:999px}.topnav a.active{background:#fff;color:var(--pink)}@media (hover: hover) and (pointer: fine){.topnav a:hover{background:#fff;color:var(--pink)}}.topnav .nav-cta{background:var(--dark);color:#fff;padding:10px 17px;box-shadow:0 8px 20px rgba(12,14,20,.13)}
.hero{max-width:1240px;min-height:650px;margin:0 auto;padding:66px 48px 86px;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center}.eyebrow,.section-kicker{font-size:12px;font-weight:900;letter-spacing:.18em;color:var(--pink)}.hero h1{font-size:clamp(56px,6vw,90px);line-height:1.02;letter-spacing:-.065em;margin:18px 0 26px}.hero h1 span{font-weight:820}.hero h1 strong{font-weight:950;background:linear-gradient(105deg,var(--pink) 0%,#ff89b7 38%,var(--violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{font-size:16px;color:var(--muted);margin:0 0 30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:999px;padding:0 22px;height:48px;font-weight:850;font-size:14px;cursor:pointer;transition:.2s ease}@media (hover: hover) and (pointer: fine){.btn:hover{transform:translateY(-2px)}}.btn-primary{background:linear-gradient(135deg,var(--pink),#ff75a9);color:#fff;box-shadow:0 10px 28px rgba(255,79,145,.24)}.btn-dark{background:var(--dark);color:#fff;box-shadow:0 10px 28px rgba(10,12,18,.16)}.btn-ghost{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-sm{height:38px;padding:0 15px;font-size:12px}.btn-block{width:100%}.hero-mini{display:flex;gap:16px;margin-top:26px;flex-wrap:wrap}.hero-mini span{font-size:11px;font-weight:800;color:#737786}.hero-mini i{display:inline-block;width:6px;height:6px;background:var(--pink);border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px var(--pink-soft)}
.hero-visual{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center}.hero-card{position:absolute;width:min(420px,82%);aspect-ratio:.82;border-radius:34px}.hero-card-back{transform:rotate(8deg) translate(18px,-4px);background:linear-gradient(150deg,#141722,#28233d);box-shadow:0 25px 75px rgba(23,20,36,.25)}.hero-card-main{overflow:hidden;background:linear-gradient(155deg,#fff 0%,#fff1f7 100%);border:1px solid rgba(255,255,255,.85);box-shadow:0 28px 80px rgba(64,32,58,.2);padding-top:44px}.hero-card-main:before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,transparent 45%,rgba(119,232,255,.16)),radial-gradient(circle at 80% 18%,rgba(255,79,145,.17),transparent 25%);pointer-events:none}.hero-card-main>img{width:100%;height:calc(100% - 62px);object-fit:contain;object-position:center bottom;position:relative;z-index:1}.status-pill{position:absolute;top:18px;left:20px;z-index:3;background:rgba(14,16,24,.93);color:#fff;border-radius:999px;padding:7px 11px;font-size:9px;font-weight:900;letter-spacing:.14em}.hero-card-foot{height:62px;position:absolute;bottom:0;left:0;right:0;z-index:3;background:rgba(255,255,255,.84);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-top:1px solid rgba(20,20,30,.08)}.hero-card-foot b{font-size:12px;letter-spacing:.12em}.hero-card-foot span{font-size:11px;color:var(--muted)}.spark{position:absolute;color:var(--pink);font-size:28px;font-weight:900;animation:float 4s ease-in-out infinite}.s1{top:3%;left:3%}.s2{right:0;top:30%;color:var(--cyan);animation-delay:-1.4s}.s3{left:8%;bottom:9%;color:var(--violet);animation-delay:-2.6s}@keyframes float{50%{transform:translateY(-10px) rotate(8deg)}}
.section{max-width:1180px;margin:0 auto;padding:86px 32px}.section-head{text-align:center;margin-bottom:34px}.section-head.split{text-align:left;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-head h2,.panel-head h2{font-size:36px;line-height:1.2;margin:8px 0 8px;letter-spacing:-.045em}.section-head p,.panel-head p{color:var(--muted);margin:0;font-size:14px}.text-link{font-size:13px;font-weight:900;color:var(--pink)}
.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{background:#fff;border:1px solid #eeebf1;border-radius:24px;overflow:hidden;transition:.24s ease;box-shadow:0 4px 20px rgba(30,25,40,.035)}@media (hover: hover) and (pointer: fine){.article-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-sm);border-color:#ffd1e2}}.article-cover{aspect-ratio:16/9;background:#f2f0f5;position:relative;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover;transition:.3s ease}@media (hover: hover) and (pointer: fine){.article-card:hover .article-cover img{transform:scale(1.025)}}.cover-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(circle at 15% 20%,#ffd8e7,transparent 28%),radial-gradient(circle at 88% 75%,#dffaff,transparent 30%),linear-gradient(135deg,#151823,#2e2741);color:#fff}.cover-fallback span{font-size:58px;font-weight:950;line-height:1}.cover-fallback b{font-size:11px;letter-spacing:.2em}.featured-badge{position:absolute;top:12px;left:12px;background:var(--pink);color:#fff;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:900;letter-spacing:.12em}.article-card-body{padding:20px 20px 22px}.article-card-body time{font-size:10px;font-weight:800;color:#a2a4ae;letter-spacing:.08em}.article-card-body h3,.article-card-body h2{font-size:18px;line-height:1.5;margin:7px 0 8px;letter-spacing:-.02em}.article-card-body p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.read-more{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:14px;border-top:1px solid #efedf2;font-size:9px;font-weight:900;letter-spacing:.16em;color:#737785}.read-more b{color:var(--pink);font-size:15px}
.social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social-card{min-height:170px;border-radius:24px;padding:24px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:start;border:1px solid var(--line);background:#fff;box-shadow:0 5px 20px rgba(20,20,30,.04);transition:.2s ease}@media (hover: hover) and (pointer: fine){.social-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}}.social-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:#f3f3f5}.social-icon img{width:24px;height:24px;object-fit:contain}.social-card>div:nth-child(2)>span{font-size:10px;font-weight:800;color:#9b9daa}.social-card h3{font-size:23px;margin:1px 0 5px}.social-card p{font-size:12px;color:var(--muted);line-height:1.65;margin:0}.social-card>b{font-size:17px}.social-youtube .social-icon{background:#fff0f2}.social-note .social-icon{background:#edfbf6}
.two-col-section{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.contact-panel,.question-panel{border-radius:30px;padding:34px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.question-panel{background:linear-gradient(155deg,#151822,#262036);color:#fff;border-color:#2a2c38}.question-panel .section-kicker{color:#ff84b5}.question-panel .panel-head p,.question-panel .question-note{color:#b7b9c5}.question-orbit{position:absolute;right:-50px;top:-62px;width:190px;height:190px;border:1px solid rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center}.question-orbit:before,.question-orbit:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.09);border-radius:50%}.question-orbit:before{inset:26px}.question-orbit:after{inset:55px}.question-orbit span{font-size:42px;color:var(--pink2);font-weight:950}.panel-head{margin-bottom:24px}.modern-form{display:grid;gap:15px}.modern-form label{display:grid;gap:7px;font-size:12px;font-weight:850}.modern-form input,.modern-form textarea{width:100%;border:1px solid #dedde5;border-radius:14px;background:#fff;padding:13px 14px;color:var(--ink);outline:none;transition:.18s ease;resize:vertical}.modern-form input:focus,.modern-form textarea:focus{border-color:var(--pink);box-shadow:0 0 0 4px rgba(255,79,145,.08)}.question-panel .modern-form textarea{background:#fff;color:var(--ink);min-height:190px}.form-note,.question-note{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.form-note a{color:var(--pink);text-decoration:underline}.char-count{text-align:right;font-size:10px;color:#9ea0ac;margin-top:-10px}.x-contact-link{display:flex;justify-content:space-between;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);font-size:12px;font-weight:800;color:#626675}.toast{border-radius:14px;padding:11px 13px;font-size:12px;font-weight:700;margin-bottom:14px}.toast-success{background:#ebf9f0;color:#167a42;border:1px solid #caedd7}.toast-error{background:#fff0f3;color:#b93357;border:1px solid #ffd0db}.hp-field{position:absolute!important;left:-10000px!important;opacity:0!important;pointer-events:none!important}
.site-footer{max-width:1180px;margin:40px auto 0;padding:34px 32px 50px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;gap:28px;align-items:center}.site-footer>div{display:grid}.site-footer>div b{font-size:15px}.site-footer>div span{font-size:8px;font-weight:900;color:#a0a2ad;letter-spacing:.14em}.site-footer nav{display:flex;gap:16px;font-size:11px;font-weight:700;color:#747783}.site-footer p{font-size:10px;color:#a0a2ad}.site-footer.compact{margin-top:80px}
.archive-page{max-width:1180px;margin:0 auto;padding:74px 32px 20px}.archive-hero{max-width:760px;margin-bottom:48px}.archive-hero h1{font-size:56px;line-height:1.12;letter-spacing:-.055em;margin:10px 0 18px}.archive-hero p{color:var(--muted)}.archive-grid{grid-template-columns:repeat(3,1fr)}.empty-public{padding:70px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;color:var(--muted)}
.preview-banner{background:#fff4cf;color:#6d5410;text-align:center;font-weight:800;font-size:12px;padding:9px;border-bottom:1px solid #f1dd9c}.article-page{max-width:900px;margin:0 auto;padding:32px 28px 20px}.breadcrumbs{display:flex;gap:8px;align-items:center;overflow:hidden;white-space:nowrap;color:#9a9ca7;font-size:9px;font-weight:800;letter-spacing:.06em}.breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis}.article-header{padding:46px 0 34px}.article-meta{display:flex;align-items:center;gap:12px;color:#999ba6;font-size:10px;font-weight:800;letter-spacing:.08em}.article-meta>span:first-child{background:var(--pink-soft);color:var(--pink);padding:5px 9px;border-radius:999px}.article-header h1{font-size:clamp(34px,5vw,54px);line-height:1.3;letter-spacing:-.045em;margin:16px 0 14px}.article-lead{font-size:15px;color:var(--muted);margin:0;line-height:1.9}.article-hero-image{margin:34px 0 0;border-radius:24px;overflow:hidden;background:#f3f2f5}.article-hero-image img{width:100%;aspect-ratio:16/9;object-fit:cover}
.article-body{font-size:16px;line-height:2;color:#252733}.article-body>p{margin:1.5em 0}.article-body h2{font-size:29px;line-height:1.45;letter-spacing:-.035em;margin:2.5em 0 .85em;padding:0 0 12px;border-bottom:2px solid #1b1e27;position:relative}.article-body h2:after{content:"";position:absolute;left:0;bottom:-2px;width:70px;height:2px;background:var(--pink)}.article-body h3{font-size:22px;line-height:1.5;margin:2.1em 0 .7em;padding-left:15px;border-left:4px solid var(--pink)}.article-body h4{font-size:18px;margin:1.8em 0 .6em}.article-body a:not(.article-link-card){color:#d92d71;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-body blockquote{margin:1.7em 0;padding:18px 20px 18px 24px;background:#f8f7fa;border-left:4px solid #b0aeb9;border-radius:0 16px 16px 0;color:#5f626e}.article-body ul,.article-body ol{padding-left:1.5em;margin:1.4em 0}.article-body li{margin:.45em 0}.article-body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em;background:#f4f2f6;border-radius:5px;padding:2px 5px}.article-body pre{background:#171923;color:#f5f5f8;border-radius:16px;padding:18px;overflow:auto;line-height:1.65}.article-body hr{border:0;border-top:1px solid var(--line);margin:3em 0}.article-image{margin:2em 0!important}.article-image img{margin:auto;border-radius:18px;max-height:680px;object-fit:contain}.media-embed{margin:2em auto}.youtube-embed{position:relative;width:100%;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}.youtube-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.x-embed{max-width:560px}.embedded-question{margin:2em 0;padding:24px 25px 25px;border-radius:22px;background:linear-gradient(145deg,#171a24,#282238);color:#fff;box-shadow:0 14px 38px rgba(23,21,33,.12);position:relative;overflow:hidden}.embedded-question:after{content:"?";position:absolute;right:18px;top:-12px;font-size:86px;font-weight:950;color:rgba(255,255,255,.04)}.embedded-question-kicker{font-size:10px;font-weight:900;letter-spacing:.14em;color:#ff7eaf;margin-bottom:9px}.embedded-question-body{font-size:16px;line-height:1.85;font-weight:700;white-space:pre-wrap;position:relative;z-index:1}.article-link-card{display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;border:1px solid #e4e3e9;border-radius:18px;overflow:hidden;background:#fff;margin:2em 0;box-shadow:0 5px 18px rgba(20,20,30,.045);transition:.2s ease;text-decoration:none!important;color:inherit!important}@media (hover: hover) and (pointer: fine){.article-link-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm);border-color:#ffc8dc}}.article-link-card>img{width:150px;height:110px;object-fit:cover;background:#f2f2f5}.article-link-card>div{display:grid;gap:3px;padding:12px 0}.article-link-card small{font-size:9px;color:#a2a4ae}.article-link-card b{font-size:14px;line-height:1.45}.article-link-card span{font-size:10px;color:var(--muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-link-card>strong{padding-right:18px;color:var(--pink)}
.article-decor{margin:2em 0}.article-decor>div p:first-child{margin-top:0}.article-decor>div p:last-child{margin-bottom:0}.bubble-pink,.bubble-black,.bubble-blue{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:start}.decor-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:950;background:var(--pink);color:#fff;box-shadow:0 8px 20px rgba(255,79,145,.2)}.bubble-black .decor-icon{background:#161923}.bubble-blue .decor-icon{background:#5c86ff}.bubble-pink>div,.bubble-black>div,.bubble-blue>div{padding:13px 16px;border-radius:6px 17px 17px 17px;background:#fff4f8;border:1px solid #ffd5e4}.bubble-black>div{background:#f2f2f4;border-color:#e0e0e5}.bubble-blue>div{background:#f1f6ff;border-color:#dce8ff}.box-point,.box-check,.box-note,.box-warning,.box-tip,.box-summary,.box-source{border-radius:18px;padding:0;border:1px solid #ffd1e1;background:#fff7fa;overflow:hidden}.box-point>b,.box-check>b,.box-note>b,.box-warning>b,.box-tip>b,.box-summary>b,.box-source>b{display:block;font-size:10px;letter-spacing:.13em;padding:8px 15px;background:var(--pink);color:#fff}.box-point>div,.box-check>div,.box-note>div,.box-warning>div,.box-tip>div,.box-summary>div,.box-source>div{padding:15px 17px}.box-check{border-color:#cfeee0;background:#f4fcf8}.box-check>b{background:#39a875}.box-note{border-color:#d9e4ff;background:#f7f9ff}.box-note>b{background:#6384e9}.box-warning{border-color:#ffe0b8;background:#fff9ef}.box-warning>b{background:#e99a36}.box-tip{border-color:#d9cef9;background:#faf8ff}.box-tip>b{background:#8b68dc}.box-summary{border-color:#d9d9df;background:#f7f7f9}.box-summary>b{background:#292c35}.box-source{border-color:#d7dde2;background:#f8fafb}.box-source>b{background:#69737c}
.article-end{margin-top:70px;padding-top:28px;border-top:1px solid var(--line);display:grid;gap:26px}.author-card{display:grid;grid-template-columns:64px 1fr auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px}.author-card img{border-radius:50%}.author-card>div{display:grid}.author-card>div span{font-size:8px;letter-spacing:.13em;font-weight:900;color:#aaa}.author-card>div b{font-size:15px}.author-card>div p{font-size:10px;color:var(--muted);margin:2px 0}.author-card>a{font-size:11px;font-weight:900;color:var(--pink)}
.error-page{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.error-page>span{font-size:100px;font-weight:950;line-height:1;color:var(--pink);opacity:.18}.error-page h1{font-size:30px;margin:10px 0}.error-page p{color:var(--muted);margin:0 0 22px}
/* admin */.admin-body,.editor-page,.login-page{background:#f6f5f8}.admin-header{height:72px;background:#11131b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:50}.admin-brand{display:flex;align-items:center;gap:11px}.admin-brand img{width:38px;height:38px;border-radius:50%}.admin-brand div{display:grid}.admin-brand b{font-size:14px}.admin-brand span{font-size:7px;letter-spacing:.18em;color:#a9acb7;font-weight:900}.admin-actions{display:flex;gap:8px}.admin-shell{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 72px)}.admin-sidebar{padding:34px 16px;border-right:1px solid #e5e3e9}.admin-sidebar p{font-size:8px;letter-spacing:.18em;font-weight:900;color:#a4a5ae;padding:0 12px}.admin-sidebar a{height:42px;padding:0 12px;border-radius:12px;display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;color:#6c6f7b;margin:4px 0}.admin-sidebar a span{width:22px;text-align:center;font-weight:950}.admin-sidebar a b{margin-left:auto;background:var(--pink);color:#fff;min-width:20px;height:20px;border-radius:99px;display:flex;align-items:center;justify-content:center;font-size:9px}.admin-sidebar a.active{background:#fff;color:var(--ink);box-shadow:0 4px 16px rgba(20,20,30,.04)}@media (hover: hover) and (pointer: fine){.admin-sidebar a:hover{background:#fff;color:var(--ink);box-shadow:0 4px 16px rgba(20,20,30,.04)}}.admin-content{padding:38px 38px 80px;min-width:0}.admin-page-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-page-head>div>span{font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--pink)}.admin-page-head h1{font-size:30px;letter-spacing:-.04em;margin:3px 0 2px}.admin-page-head p{margin:0;color:var(--muted);font-size:12px}.admin-article-list{display:grid;gap:10px}.admin-article-row{display:grid;grid-template-columns:130px 1fr auto;gap:18px;align-items:center;padding:12px;background:#fff;border:1px solid #e8e6ec;border-radius:17px}.admin-thumb{width:130px;aspect-ratio:16/9;border-radius:11px;overflow:hidden;background:linear-gradient(135deg,#171a23,#30283f);display:flex;align-items:center;justify-content:center;color:#fff;font-size:30px;font-weight:950}.admin-thumb img{width:100%;height:100%;object-fit:cover}.status-line{display:flex;gap:7px;align-items:center}.status-line time{font-size:9px;color:#a4a6af}.status{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;font-size:8px;font-weight:900}.status.published{background:#eaf8ef;color:#217646}.status.draft{background:#f1eff4;color:#716f78}.status.featured{background:#fff0f6;color:var(--pink)}.admin-article-main h2{font-size:15px;margin:5px 0 2px}.admin-article-main p{font-size:9px;color:#aaa;margin:0}.admin-row-actions{display:flex;align-items:center;gap:4px}.admin-row-actions form{margin:0}.icon-action{width:34px;height:34px;border-radius:10px;border:1px solid #e5e3e9;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#6c6f7a}@media (hover: hover) and (pointer: fine){.icon-action:hover{border-color:#ffbdd5;color:var(--pink)}}@media (hover: hover) and (pointer: fine){.icon-action.danger:hover{border-color:#ffc4c4;color:#c94242}}.admin-empty{background:#fff;border:1px solid var(--line);border-radius:22px;text-align:center;padding:65px 20px}.admin-empty>span{display:flex;width:48px;height:48px;border-radius:50%;background:var(--pink-soft);color:var(--pink);align-items:center;justify-content:center;margin:0 auto;font-size:20px;font-weight:950}.admin-empty h2{font-size:18px;margin:12px 0 3px}.admin-empty p{font-size:11px;color:var(--muted);margin:0 0 18px}.inbox-list{display:grid;gap:10px}.inbox-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:18px}.inbox-card.unread{border-color:#ffc9dd;background:#fffafd}.inbox-card.starred{box-shadow:inset 4px 0 #ffc75a}.inbox-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.inbox-meta span{font-size:10px;font-weight:900;color:var(--pink)}.inbox-meta time{font-size:9px;color:#aaa}.inbox-meta b{font-size:8px;background:var(--pink);color:#fff;padding:2px 6px;border-radius:99px}.inbox-card h3{font-size:15px;margin:0 0 2px}.inbox-card small{font-size:10px;color:#9799a3}.inbox-card>p{white-space:pre-wrap;font-size:13px;line-height:1.75;margin:10px 0}.inbox-actions{display:flex;gap:6px;flex-wrap:wrap}.inbox-actions button,.inbox-actions a{border:1px solid #e2e1e6;background:#fff;border-radius:999px;padding:6px 10px;font-size:9px;font-weight:800;cursor:pointer}.inbox-actions .danger{color:#c34b4b}.inbox-actions form{margin:0}
/* editor */.editor-topbar{height:64px;background:#11131b;color:#fff;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;position:sticky;top:0;z-index:100}.editor-back{font-size:11px;font-weight:800;color:#d1d2d8}.save-state{font-size:9px;color:#898d99}.editor-actions{justify-self:end;display:flex;gap:7px}.editor-shell{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:minmax(0,900px) 300px;gap:24px;padding:30px 28px 90px}.editor-main{background:#fff;border:1px solid #e6e4ea;border-radius:22px;padding:44px 52px;min-width:0}.editor-title{width:100%;border:0;outline:0;font-size:36px;font-weight:900;letter-spacing:-.045em;line-height:1.3;padding:0;margin-bottom:10px;color:var(--ink);resize:none;overflow:hidden;min-height:1.3em}.editor-title::placeholder{color:#c9c8cf}.editor-description{width:100%;border:0;outline:0;resize:none;color:#7c7f8b;font-size:13px;line-height:1.7;margin-bottom:24px}.editor-toolbar{position:sticky;top:64px;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border:1px solid #e8e6eb;border-radius:13px;padding:7px;display:flex;gap:4px;flex-wrap:wrap;box-shadow:0 8px 22px rgba(20,20,30,.05)}.editor-toolbar button,.editor-toolbar select{height:32px;border:0;background:#f6f5f8;border-radius:8px;padding:0 9px;font-size:10px;font-weight:800;color:#565965;cursor:pointer}@media (hover: hover) and (pointer: fine){.editor-toolbar button:hover{background:var(--pink-soft);color:var(--pink)}}.toolbar-sep{width:1px;background:#dedde3;margin:3px 3px}.decoration-palette{display:flex;gap:5px;align-items:center;flex-wrap:wrap;padding:10px 2px 14px}.decoration-palette>span{font-size:9px;font-weight:900;color:#9a9ca5;margin-right:3px}.decoration-palette button{border:1px solid #e3e1e7;background:#fff;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:800;color:#6e717c;cursor:pointer}@media (hover: hover) and (pointer: fine){.decoration-palette button:hover{border-color:#ffc5da;color:var(--pink)}}.rich-editor{min-height:720px;outline:0;padding-top:10px}.rich-editor:empty:before{content:attr(data-placeholder);color:#c0bfc6}.embed-placeholder{margin:1.5em 0!important;border:1px dashed #c7c5ce!important;background:#f7f6f9!important;border-radius:14px!important;padding:15px!important;display:grid!important;gap:2px!important;color:#5c5f6b!important}.embed-placeholder b{font-size:11px!important;color:var(--pink)!important}.embed-placeholder span{font-size:10px!important;word-break:break-all!important;color:#7b7e88!important}.question-placeholder span{white-space:pre-wrap!important}.editor-side{display:grid;align-content:start;gap:13px}.editor-side section{background:#fff;border:1px solid #e5e3e9;border-radius:17px;padding:17px}.editor-side h2{font-size:11px;margin:0 0 13px}.editor-side label{display:grid;gap:6px;font-size:9px;font-weight:900;color:#777a85;margin-bottom:12px}.editor-side input,.editor-side textarea{width:100%;border:1px solid #dddbe2;border-radius:9px;padding:9px 10px;outline:0;font-size:10px;font-weight:500;color:var(--ink);resize:vertical}.editor-side input:focus,.editor-side textarea:focus{border-color:var(--pink)}.switch-row{grid-template-columns:18px 1fr!important;align-items:center!important;gap:7px!important;font-size:10px!important;color:#4d505b!important}.switch-row input{width:15px!important;height:15px}.editor-status{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eeeef1;margin-top:10px;padding-top:11px;font-size:9px;color:#999}.slug-input{display:flex;align-items:center;border:1px solid #dddbe2;border-radius:9px;overflow:hidden;background:#faf9fb}.slug-input span{padding-left:9px;font-size:9px;color:#aaa}.slug-input input{border:0!important;background:transparent}.cover-preview{aspect-ratio:16/9;background:#f2f1f4;border-radius:11px;margin-top:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#bbb;font-size:8px;font-weight:900;letter-spacing:.12em}.cover-preview img{width:100%;height:100%;object-fit:cover}.editor-help p{font-size:9px;line-height:1.7;color:#838590;margin:7px 0}
.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at 20% 10%,#ffe4ef,transparent 30%),radial-gradient(circle at 85% 85%,#e2faff,transparent 28%),#f7f6f9}.login-card{width:min(380px,100%);background:#fff;border:1px solid #e6e4ea;border-radius:24px;padding:32px;box-shadow:var(--shadow);text-align:center}.login-card>img{width:70px;height:70px;border-radius:50%;margin:0 auto 12px}.login-card>span{font-size:8px;letter-spacing:.18em;font-weight:900;color:var(--pink)}.login-card h1{font-size:26px;margin:4px 0}.login-card>p{font-size:11px;color:var(--muted);margin:0 0 20px}.login-card form{display:grid;gap:12px;text-align:left}.login-card label{font-size:10px;font-weight:900}.login-card input{display:block;width:100%;margin-top:6px;border:1px solid #dedce3;border-radius:11px;padding:12px}.login-card>a{display:inline-block;margin-top:16px;font-size:10px;color:#92949e}
/* legal + confirm */.legal-page,.confirm-page{max-width:760px;margin:70px auto;padding:0 24px 80px}.legal-card,.confirm-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:var(--shadow-sm)}.legal-page h1,.confirm-page h1{font-size:30px;letter-spacing:-.04em}.legal-page h2{font-size:18px;margin:30px 0 7px}.legal-page p,.legal-page li{font-size:13px;line-height:1.9;color:#4e515d}.legal-page .updated{font-size:10px;color:#999}.back-link{display:inline-block;margin-bottom:16px;font-size:11px;font-weight:800;color:var(--pink)}.confirm-grid{display:grid;gap:14px}.confirm-row{border-bottom:1px solid #eee;padding-bottom:12px}.confirm-row:last-child{border-bottom:0}.confirm-label{display:block;font-size:9px;font-weight:900;color:#999}.confirm-value{white-space:pre-wrap;font-size:13px}.confirm-actions{display:flex;gap:9px;margin-top:18px}.confirm-actions form{flex:1}
@media(max-width:900px){.desktop-only{display:none}.topbar{height:66px;padding:0 18px}.topbar.solid{padding-left:18px;padding-right:18px}.brand span{font-size:13px}.topnav a:not(.nav-cta){display:none}.topnav .nav-cta{font-size:11px;padding:8px 12px}.hero{grid-template-columns:1fr;padding:42px 22px 65px;min-height:auto}.hero-copy{text-align:center}.hero h1{font-size:54px}.hero-actions,.hero-mini{justify-content:center}.hero-visual{min-height:440px;margin-top:10px}.hero-card{width:min(360px,82%)}.section{padding:65px 18px}.section-head h2,.panel-head h2{font-size:30px}.section-head.split{align-items:center}.article-grid,.social-grid{grid-template-columns:1fr 1fr}.two-col-section{grid-template-columns:1fr}.site-footer{margin-top:20px;padding:28px 18px 40px;grid-template-columns:1fr;text-align:center}.site-footer nav{justify-content:center;flex-wrap:wrap}.archive-page{padding:54px 18px 10px}.archive-hero h1{font-size:44px}.archive-grid{grid-template-columns:1fr 1fr}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:flex;overflow:auto;border-right:0;border-bottom:1px solid #e5e3e9;padding:10px 16px}.admin-sidebar p{display:none}.admin-sidebar a{white-space:nowrap}.admin-content{padding:25px 18px 60px}.editor-shell{grid-template-columns:1fr;padding:18px}.editor-main{padding:32px 26px}.editor-side{grid-template-columns:1fr 1fr}.save-state{display:none}}
@media(max-width:620px){.hero{padding-top:26px}.hero h1{font-size:43px}.hero-copy>p{font-size:14px}.hero-visual{min-height:390px}.hero-card{width:min(320px,86%);border-radius:28px}.section-head.split{display:block}.section-head.split .text-link{display:inline-block;margin-top:12px}.article-grid,.social-grid,.archive-grid{grid-template-columns:1fr}.social-card{min-height:140px}.contact-panel,.question-panel{padding:25px 20px;border-radius:24px}.article-page{padding:22px 18px}.article-header{padding-top:35px}.article-header h1{font-size:32px}.article-body{font-size:15px;line-height:1.95}.article-body h2{font-size:24px}.article-body h3{font-size:19px}.article-link-card{grid-template-columns:88px 1fr auto;gap:11px}.article-link-card>img{width:88px;height:88px}.article-link-card span{display:none}.article-link-card b{font-size:12px}.author-card{grid-template-columns:52px 1fr}.author-card img{width:52px;height:52px}.author-card>a{grid-column:1/-1;text-align:center;background:var(--pink-soft);padding:8px;border-radius:999px}.archive-hero h1{font-size:38px}.admin-header{padding:0 14px}.admin-brand div span{display:none}.admin-actions .btn:first-child{display:none}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-article-row{grid-template-columns:92px 1fr}.admin-thumb{width:92px}.admin-row-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #eee;padding-top:8px}.editor-topbar{height:auto;min-height:64px;grid-template-columns:auto 1fr;padding:10px 12px}.editor-actions{gap:5px}.editor-actions .btn{padding:0 10px}.editor-shell{padding:10px 8px 70px}.editor-main{padding:26px 17px;border-radius:15px}.editor-title{font-size:29px}.editor-toolbar{top:64px}.editor-side{grid-template-columns:1fr}.decoration-palette{max-height:90px;overflow:auto}.legal-page,.confirm-page{margin-top:35px;padding:0 14px 60px}.legal-card,.confirm-card{padding:23px 20px}.confirm-actions{flex-direction:column}}
/* Responsive hardening: long URLs / unbroken tokens must never widen the page */
.article-body,.embedded-question,.article-decor,.article-link-card,.inbox-card{overflow-wrap:anywhere;word-break:break-word}
.article-link-card>div{min-width:0}
.article-link-card b,.article-link-card span,.article-decor p,.embedded-question-body{overflow-wrap:anywhere;word-break:break-word}

@media(max-width:360px){.editor-topbar{grid-template-columns:auto auto;justify-content:space-between}.editor-actions{gap:4px}.editor-actions .btn{padding:0 7px;font-size:10px;white-space:nowrap}.editor-toolbar button{min-width:32px}}


/* ===== Monochrome redesign v2 (2026-09-29) ===== */
:root{
  --pink:#111111;
  --pink2:#111111;
  --pink-soft:#f2f2f2;
  --cyan:#b8b8b8;
  --blue:#333333;
  --violet:#666666;
  --ink:#111111;
  --ink2:#222222;
  --muted:#666a70;
  --line:#e6e6e6;
  --page:#fafafa;
  --surface:#ffffff;
  --dark:#111111;
  --radius:20px;
  --shadow:0 18px 55px rgba(0,0,0,.08);
  --shadow-sm:0 8px 28px rgba(0,0,0,.055)
}
body{background:var(--page);color:var(--ink);line-height:1.72}
.site-bg span{filter:none;opacity:1}
.site-bg span:nth-child(1){background:radial-gradient(circle,rgba(0,0,0,.035),transparent 68%)}
.site-bg span:nth-child(2){background:radial-gradient(circle,rgba(0,0,0,.025),transparent 68%)}
.site-bg span:nth-child(3){background:radial-gradient(circle,rgba(0,0,0,.02),transparent 68%)}
.brand img{box-shadow:0 5px 18px rgba(0,0,0,.10)}
.topnav a.active{background:#f2f2f2;color:#111}@media (hover: hover) and (pointer: fine){.topnav a:hover{background:#f2f2f2;color:#111}}
.topnav .nav-cta{background:#111;color:#fff;box-shadow:none}
.eyebrow,.section-kicker{color:#111;letter-spacing:.08em}
.hero{padding-top:58px;padding-bottom:80px}
.hero h1{font-size:clamp(50px,5vw,76px);letter-spacing:-.055em;margin:18px 0 24px}
.hero h1 strong{background:none;color:#111;-webkit-text-fill-color:initial}
.hero-copy>p{line-height:1.9}
.btn{border-radius:10px;box-shadow:none}
@media (hover: hover) and (pointer: fine){.btn:hover{transform:translateY(-1px)}}
.btn-primary,.btn-dark{background:#111;color:#fff;box-shadow:none}
@media (hover: hover) and (pointer: fine){.btn-primary:hover,
.btn-dark:hover{background:#2a2a2a}}
.btn-ghost{background:#fff;border:1px solid #dcdcdc}
.hero-mini{gap:18px;margin-top:28px}
.hero-mini span{color:#666;font-weight:750}
.hero-mini i{background:#111;box-shadow:none}
.hero-card-back{background:#111;box-shadow:0 24px 58px rgba(0,0,0,.18)}
.hero-card-main{background:linear-gradient(155deg,#fff 0%,#f3f3f3 100%);border:1px solid #e5e5e5;box-shadow:0 24px 58px rgba(0,0,0,.14)}
.hero-card-main:before{background:linear-gradient(145deg,transparent 52%,rgba(0,0,0,.035)),radial-gradient(circle at 80% 18%,rgba(0,0,0,.05),transparent 24%)}
.status-pill{background:#111;color:#fff;letter-spacing:.04em}
.hero-card-foot{background:rgba(255,255,255,.90);border-color:#e6e6e6}
.hero-card-foot b{letter-spacing:.02em}
.spark{color:#111}
.s2{color:#777}.s3{color:#aaa}
.section{padding:76px 32px}
.section-head{margin-bottom:36px}
.section-head h2,.panel-head h2{line-height:1.3}
.section-head p,.panel-head p{line-height:1.8}
.text-link{color:#111}
.article-card{border-color:#e8e8e8;border-radius:18px;box-shadow:none}
@media (hover: hover) and (pointer: fine){.article-card:hover{border-color:#cfcfcf;box-shadow:0 12px 30px rgba(0,0,0,.06)}}
.cover-fallback{background:linear-gradient(145deg,#111,#323232)}
.featured-badge{background:#111;color:#fff}
.read-more{color:#555}
.read-more b{color:#111}
.social-grid{gap:18px}
.social-card{border-radius:18px;padding:26px;border-color:#e4e4e4;box-shadow:none}
@media (hover: hover) and (pointer: fine){.social-card:hover{border-color:#c9c9c9;box-shadow:0 10px 24px rgba(0,0,0,.05)}}
.social-icon,.social-youtube .social-icon,.social-note .social-icon{background:#f1f1f1}
.social-icon img{filter:grayscale(1)}
.social-card>div:nth-child(2)>span{color:#777}
.social-card p{line-height:1.8}
.two-col-section{gap:28px;align-items:stretch;padding-top:66px}
.contact-panel,.question-panel{
  border-radius:20px;
  padding:42px;
  background:#fff;
  color:#111;
  border:1px solid #e2e2e2;
  box-shadow:none;
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden
}
.question-panel{background:#fff;border-color:#e2e2e2}
.question-panel .section-kicker{color:#111}
.question-panel .panel-head p,.question-panel .question-note{color:#666a70}
.question-orbit{
  right:34px;
  top:34px;
  width:48px;
  height:48px;
  background:#f2f2f2;
  border:1px solid #e4e4e4;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center
}
.question-orbit:before,.question-orbit:after{display:none}
.question-orbit span{font-size:20px;color:#111;font-weight:900}
.panel-head{margin-bottom:30px;padding-right:42px}
.modern-form{gap:20px}
.modern-form label{gap:9px;font-size:12px;font-weight:800;line-height:1.5}
.modern-form input,.modern-form textarea{
  border:1px solid #d9d9d9;
  border-radius:10px;
  padding:14px 15px;
  line-height:1.65;
  background:#fff
}
.modern-form input:focus,.modern-form textarea:focus{
  border-color:#111;
  box-shadow:0 0 0 3px rgba(0,0,0,.06)
}
.question-panel .modern-form{flex:1}
.question-panel .modern-form textarea{min-height:300px;background:#fff;color:#111}
.form-note,.question-note{font-size:11px;line-height:1.8}
.form-note{margin:2px 0 0}
.form-note a{color:#111;text-underline-offset:3px}
.char-count{color:#888;margin-top:-12px}
.x-contact-link{margin-top:24px;padding-top:20px;color:#4f4f4f}
.question-note{margin-top:22px}
.site-footer>div span{letter-spacing:.03em;color:#777}
.archive-hero{margin-bottom:44px}
.archive-hero p{line-height:1.85}
.article-body{line-height:2}
.article-body h2:after{background:#111}
.article-body h3{border-left-color:#111}
.article-body a:not(.article-link-card){color:#111;text-decoration-thickness:1px}
.article-link-card{border-color:#e3e3e3}
@media (hover: hover) and (pointer: fine){.article-link-card:hover{border-color:#bdbdbd}}
.author-card{border-color:#e2e2e2}
.author-card>div span{color:#666}
.author-card>a{color:#111}
/* Article decorations: monochrome variants */
.decor-icon{background:#111;color:#fff;box-shadow:none}
.bubble-black .decor-icon{background:#333}
.bubble-blue .decor-icon{background:#666}
.bubble-pink>div,.bubble-black>div,.bubble-blue>div{
  background:#f7f7f7;
  border-color:#dedede;
  color:#222
}
.box-point,.box-check,.box-note,.box-warning,.box-tip,.box-summary,.box-source{
  border-color:#dedede;
  background:#fafafa
}
.box-point>b,.box-check>b,.box-note>b,.box-warning>b,.box-tip>b,.box-summary>b,.box-source>b{
  background:#111;
  color:#fff
}
.box-check>b{background:#292929}
.box-note>b{background:#3b3b3b}
.box-warning>b{background:#4b4b4b}
.box-tip>b{background:#5b5b5b}
.box-summary>b{background:#1f1f1f}
.box-source>b{background:#6a6a6a}
/* Admin / editor also use the same monochrome visual language */
.admin-header,.editor-topbar{background:#111}
.admin-sidebar a.active{background:#111;color:#fff}
.admin-page-head>div>span,.login-card>span{color:#111}
@media (hover: hover) and (pointer: fine){.editor-toolbar button:hover{background:#efefef;color:#111}}
@media (hover: hover) and (pointer: fine){.decoration-palette button:hover{border-color:#111;color:#111}}
.embed-placeholder b{color:#111!important}
.editor-side input:focus,.editor-side textarea:focus{border-color:#111}
.login-page{background:#f4f4f4}
.back-link{color:#111}
/* keep notices clear without introducing large color areas */
.toast-success{background:#f5f5f5;color:#222;border-color:#d6d6d6}
.toast-error{background:#f5f5f5;color:#111;border-color:#bdbdbd}
@media(max-width:900px){
  .hero{padding-top:38px}
  .two-col-section{gap:22px}
}
@media(max-width:620px){
  .hero h1{font-size:42px;line-height:1.08}
  .section{padding-top:58px;padding-bottom:58px}
  .contact-panel,.question-panel{padding:28px 22px;border-radius:16px}
  .panel-head{margin-bottom:24px;padding-right:0}
  .question-orbit{right:20px;top:20px;width:40px;height:40px}
  .question-panel .modern-form textarea{min-height:210px}
  .modern-form{gap:17px}
  .form-note,.question-note{font-size:10px}
}

/* Small-phone hero refinement */
@media(max-width:360px){.hero h1{font-size:36px;line-height:1.08}}


/* ===== v3: clearer article question card ===== */
.embedded-question{
  margin:2em 0;
  padding:0;
  border:1px solid #dcdcdc;
  border-radius:18px;
  background:#fff;
  color:#111;
  box-shadow:none;
  overflow:hidden;
}
.embedded-question:after{display:none}
.embedded-question-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:15px 18px;
  background:#f7f7f7;
  border-bottom:1px solid #e5e5e5;
}
.embedded-question-mark{
  flex:0 0 32px;
  width:32px;
  height:32px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#111;
  color:#fff;
  font-size:14px;
  font-weight:900;
}
.embedded-question-kicker{
  margin:0;
  color:#111;
  font-size:13px;
  line-height:1.35;
  letter-spacing:0;
  font-weight:900;
}
.embedded-question-body{
  padding:20px 22px 22px;
  color:#222;
  font-size:16px;
  line-height:1.9;
  font-weight:650;
  white-space:pre-wrap;
}
@media(max-width:620px){
  .embedded-question{border-radius:14px}
  .embedded-question-head{padding:13px 15px;gap:10px}
  .embedded-question-mark{width:29px;height:29px;flex-basis:29px;font-size:12px}
  .embedded-question-body{padding:17px 16px 19px;font-size:15px;line-height:1.85}
}

/* ===== v4 Editorial × Otaku × Digital (2026-09-29) ===== */
:root{
  --paper:#f1f4f6;
  --paper-2:#ffffff;
  --ink:#0b0d10;
  --muted:#616970;
  --line:#cfd6dc;
  --pink:#ff4f8b;
  --pink-soft:#ffe3ee;
  --cyan:#42d7ff;
  --cyan-soft:#dff8ff;
  --lime:#d8ff3e;
  --lime-soft:#f1ffc1;
  --youtube:#ff0033;
  --note:#41c9b4;
}
body{background:linear-gradient(180deg,#f4f7f9 0%,var(--paper) 16%,var(--paper) 100%);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;background-image:linear-gradient(rgba(24,42,54,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(24,42,54,.022) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 86%)}
.editorial-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;overflow:hidden}.accent-blob{position:absolute;border-radius:50%;filter:blur(2px);opacity:.33}.accent-pink{width:420px;height:420px;right:-190px;top:40px;background:radial-gradient(circle,var(--pink-soft),transparent 70%)}.accent-blue{width:500px;height:500px;left:-260px;top:720px;background:radial-gradient(circle,var(--cyan-soft),transparent 70%)}
.editorial-topbar{max-width:1320px;height:80px;padding:0 38px}.editorial-topbar.solid{max-width:none;background:rgba(241,244,246,.92);border-bottom-color:rgba(16,16,16,.12);backdrop-filter:blur(18px)}
.brand{gap:12px}.brand img{width:40px;height:40px;border-radius:11px;box-shadow:none}.brand span{font-weight:950;letter-spacing:-.035em}.topnav{gap:2px}.topnav a{border-radius:8px;color:#414145}.topnav a.active{background:#e7edf1;color:#111}@media (hover: hover) and (pointer: fine){.topnav a:hover{background:#e7edf1;color:#111}}.topnav .nav-cta{background:var(--ink);color:#fff;border:1px solid var(--ink);box-shadow:5px 5px 0 var(--pink);transition:.18s ease}@media (hover: hover) and (pointer: fine){.topnav .nav-cta:hover{background:var(--ink);color:#fff;transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--pink)}}

/* Hero: deliberately asymmetric, magazine-like */
.hero-editorial{max-width:1320px;min-height:700px;padding:70px 48px 94px;grid-template-columns:1.03fr .97fr;gap:20px;overflow:visible}.hero-editorial .hero-copy{position:relative;z-index:5}.hero-overline{display:flex;align-items:center;gap:13px;margin-bottom:24px;font-size:11px}.hero-overline span{display:grid;place-items:center;width:35px;height:35px;border:1px solid #111;border-radius:50%;font-weight:950}.hero-overline b{font-size:12px;letter-spacing:.04em}
.hero-editorial h1{display:grid;gap:0;margin:0 0 30px;letter-spacing:-.065em;line-height:.91}.hero-editorial h1 .hero-small-line{font-size:clamp(26px,2.5vw,38px);font-weight:720;letter-spacing:-.04em;line-height:1.2;margin-bottom:15px}.hero-editorial h1 strong{display:block;font-size:clamp(64px,7.15vw,104px);font-weight:950;line-height:.91;color:#111;-webkit-text-fill-color:initial}.hero-editorial h1 strong em{font-style:normal;color:var(--pink);position:relative}.hero-editorial h1 strong em:after{content:"";position:absolute;height:10px;left:2%;right:-2%;bottom:4px;background:var(--lime);z-index:-1;transform:rotate(-1.3deg)}
.hero-editorial .hero-copy>p{font-size:15px;line-height:1.9;color:#55555b;max-width:560px;margin:0 0 28px}.hero-editorial .hero-actions{gap:10px}.hero-editorial .btn{height:50px;border-radius:7px;padding:0 20px}.hero-editorial .btn-primary{background:#111;color:#fff;box-shadow:5px 5px 0 var(--cyan)}@media (hover: hover) and (pointer: fine){.hero-editorial .btn-primary:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--cyan)}}.hero-editorial .btn-ghost{background:transparent;border:1px solid #111}@media (hover: hover) and (pointer: fine){.hero-editorial .btn-ghost:hover{background:#fff}}.hero-meta-line{display:flex;align-items:center;gap:10px;margin-top:28px;color:#666;font:800 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em}.hero-meta-line i{width:4px;height:4px;background:#111;border-radius:50%}
.hero-editorial-visual{min-height:540px;position:relative;overflow:visible}.hero-character-wrap{position:absolute;inset:18px 18px 0 40px;z-index:3;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;border-bottom:2px solid #111}.hero-character-wrap img{height:100%;width:auto;max-width:none;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 22px rgba(0,0,0,.11));animation:editorialFloat 5s ease-in-out infinite}.hero-x-ghost{position:absolute;z-index:0;right:-5px;top:-58px;font:950 390px/.8 Arial Black,Arial,sans-serif;letter-spacing:-.13em;color:rgba(16,16,16,.045);user-select:none}.hero-color-block{position:absolute;z-index:1;border:2px solid #111}.hero-color-pink{width:68%;height:57%;right:4%;top:9%;background:var(--pink);transform:rotate(4.2deg)}.hero-color-blue{width:54%;height:50%;left:9%;bottom:7%;background:var(--cyan);transform:rotate(-4deg)}.hero-sticker{position:absolute;z-index:6;padding:11px 14px;border:2px solid #111;background:var(--paper-2);font:900 10px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;box-shadow:4px 4px 0 #111}.sticker-news{right:-2px;top:26%;transform:rotate(4deg);background:var(--lime)}.sticker-news b{font-family:inherit;font-size:9px}.sticker-name{left:8px;bottom:15%;transform:rotate(-5deg);background:#fff}.hero-spark{position:absolute;z-index:7;font-size:23px;animation:float 4s ease-in-out infinite}.hs1{top:4%;left:2%;color:var(--pink)}.hs2{right:5%;bottom:7%;color:#111;animation-delay:-1.8s}@keyframes editorialFloat{50%{transform:translateY(-4px)}}

/* Culture strip */
.culture-strip{width:100%;overflow:hidden;border-top:2px solid #111;border-bottom:2px solid #111;background:var(--lime);transform:rotate(-.65deg);transform-origin:center;padding:11px 0;margin:0 0 20px}.culture-strip div{width:max-content;min-width:100%;text-align:center;white-space:nowrap;font:950 13px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.culture-strip span{padding:0 18px;font-size:8px;vertical-align:2px}

/* Section system */
.editorial-section{max-width:1240px;padding:98px 36px}.editorial-section-head{display:grid!important;grid-template-columns:58px minmax(0,1fr) auto;align-items:end!important;text-align:left!important;gap:20px;margin-bottom:36px;border-bottom:1px solid #111;padding-bottom:24px}.section-number{font:900 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#777;align-self:start;padding-top:8px}.editorial-section-head .section-kicker{font-size:11px;letter-spacing:.08em;color:#777}.editorial-section-head h2{font-size:clamp(38px,4.3vw,62px);line-height:1.05;letter-spacing:-.065em;margin:6px 0 8px}.editorial-section-head p{max-width:620px}.editorial-arrow{align-self:end;padding-bottom:4px;color:#111;font-size:12px}.editorial-arrow span{display:inline-block;margin-left:8px;font-size:18px;transition:.2s}@media (hover: hover) and (pointer: fine){.editorial-arrow:hover span{transform:translateX(5px)}}

/* Editorial article list */
.editorial-article-list,.archive-editorial-list{border-top:1px solid #111}.editorial-article-row{display:grid;grid-template-columns:minmax(0,1fr) 170px 32px;gap:22px;align-items:center;padding:24px 0;border-bottom:1px solid #c6cfd5;position:relative;transition:.2s ease}.editorial-article-row:before{content:"";position:absolute;inset:0 -12px;background:#fff;opacity:0;z-index:-1;transition:.2s ease}@media (hover: hover) and (pointer: fine){.editorial-article-row:hover:before{opacity:1}}@media (hover: hover) and (pointer: fine){.editorial-article-row:hover{padding-left:10px;padding-right:10px}}.article-row-no{font:900 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#92918d;align-self:start;padding-top:7px}.article-row-main{min-width:0}.article-row-meta{display:flex;align-items:center;gap:10px;font:800 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8b8a86;letter-spacing:.04em;margin-bottom:8px}.article-row-meta span{background:var(--lime);color:#111;padding:4px 7px;border:1px solid #111;font-family:inherit;font-weight:900;letter-spacing:0}.article-row-main h3,.article-row-main h2{font-size:clamp(18px,2vw,25px);line-height:1.4;letter-spacing:-.035em;margin:0 0 7px;font-weight:900}.article-row-main p{font-size:12px;line-height:1.75;color:#69696d;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.article-row-thumb{width:170px;aspect-ratio:16/10;overflow:hidden;background:#e5ebef;border:1px solid #111;transition:.25s ease}.article-row-thumb img{width:100%;height:100%;object-fit:cover;transition:.3s ease}@media (hover: hover) and (pointer: fine){.editorial-article-row:hover .article-row-thumb{transform:rotate(1.5deg)}}@media (hover: hover) and (pointer: fine){.editorial-article-row:hover .article-row-thumb img{transform:scale(1.04)}}.editorial-fallback{background:#111;color:#fff}.article-row-arrow{font-size:22px;font-weight:500;transition:.2s}@media (hover: hover) and (pointer: fine){.editorial-article-row:hover .article-row-arrow{transform:translate(3px,-3px);color:var(--pink)}}

/* Social: rows, not cards */
.editorial-social-list{border-top:2px solid #111}.editorial-social-row{display:grid;grid-template-columns:62px minmax(0,1fr) auto 30px;gap:20px;align-items:center;min-height:132px;border-bottom:1px solid #c0c9cf;padding:18px 0;position:relative;overflow:hidden;transition:.2s}.editorial-social-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;z-index:-1;transition:.25s ease}.platform-x:before{background:#e8faff}.platform-youtube:before{background:#fff0f2}.platform-note:before{background:#ebfbf7}@media (hover: hover) and (pointer: fine){.editorial-social-row:hover:before{width:100%}}@media (hover: hover) and (pointer: fine){.editorial-social-row:hover{padding-left:10px;padding-right:10px}}.social-index{font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8d8c88}.social-brand-mark{width:58px;height:58px;display:grid;place-items:center;border:1px solid #111;background:#fff}.social-brand-mark img{max-width:29px;max-height:29px;filter:none!important}.social-brand-mark.note-mark img{max-width:42px;width:42px}.social-copy{min-width:0}.social-copy h3{font-size:27px;line-height:1;margin:0 0 9px;letter-spacing:-.05em}.social-copy p{font-size:12px;line-height:1.7;color:#5f5f64;margin:0}.social-tag{font-size:10px;font-weight:800;border:1px solid #111;padding:7px 10px;background:#fff;white-space:nowrap}.platform-x .social-tag{box-shadow:3px 3px 0 var(--cyan)}.platform-youtube .social-tag{box-shadow:3px 3px 0 #ff8ba4}.platform-note .social-tag{box-shadow:3px 3px 0 #6bdfcd}.editorial-social-row>b{font-size:21px;transition:.2s}@media (hover: hover) and (pointer: fine){.editorial-social-row:hover>b{transform:translate(3px,-3px)}}

/* Contact / Q: structured blocks with deliberate color */
.contact-zone{padding-top:86px}.contact-zone-head{margin-bottom:28px}.editorial-contact-grid{gap:24px}.editorial-contact-grid .contact-panel,.editorial-contact-grid .question-panel{border:1.5px solid #111;border-radius:0;box-shadow:none;background:var(--paper-2);color:#111;padding:38px;overflow:visible;position:relative}.panel-accent{position:absolute;left:-2px;right:-2px;top:-2px;height:8px;border:1.5px solid #111}.panel-accent-blue{background:var(--cyan)}.panel-accent-pink{background:var(--pink)}.editorial-contact-grid .panel-head{padding-right:0;margin-bottom:28px}.editorial-contact-grid .panel-head .section-kicker{color:#777}.editorial-contact-grid .panel-head h2{font-size:34px;letter-spacing:-.045em;margin-top:6px}.editorial-contact-grid .panel-head p,.editorial-contact-grid .question-note{color:#666}.question-big-q{position:absolute;right:24px;top:16px;font:950 100px/.9 Arial Black,Arial,sans-serif;color:rgba(255,79,139,.11);user-select:none}.editorial-contact-grid .modern-form{gap:18px}.editorial-contact-grid .modern-form label{font-size:11px}.editorial-contact-grid .modern-form input,.editorial-contact-grid .modern-form textarea{border-radius:0;border:1px solid #bcc6cc;background:#fff;padding:13px 14px}.editorial-contact-grid .modern-form input:focus,.editorial-contact-grid .modern-form textarea:focus{border-color:#111;box-shadow:4px 4px 0 var(--cyan)}.editorial-contact-grid .question-panel .modern-form textarea{min-height:294px}.editorial-contact-grid .btn{border-radius:0}.editorial-contact-grid .contact-panel .btn-primary{background:#111;box-shadow:4px 4px 0 var(--cyan)}.editorial-contact-grid .question-panel .btn-dark{background:#111;box-shadow:4px 4px 0 var(--pink)}.editorial-contact-grid .form-note a{color:#111}.editorial-contact-grid .question-note{margin-top:20px}.editorial-contact-grid .char-count{color:#777}

/* Footer */
.editorial-footer{border-top:2px solid #111;max-width:1240px}.editorial-footer>div span{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em;color:#777}.editorial-footer a{position:relative}.editorial-footer a:after{content:"";position:absolute;left:0;right:100%;bottom:-3px;height:2px;background:var(--pink);transition:.2s}@media (hover: hover) and (pointer: fine){.editorial-footer a:hover:after{right:0}}

/* Article archive */
.editorial-archive{max-width:1240px;padding:74px 36px 10px}.editorial-archive-hero{min-height:340px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;border-bottom:2px solid #111;padding:32px 0 42px;margin-bottom:0;position:relative}.archive-no{font:900 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#777;align-self:start}.editorial-archive-hero h1{font-size:clamp(52px,7vw,94px);line-height:.96;letter-spacing:-.07em;margin:8px 0 20px}.editorial-archive-hero h1 em{font-style:normal;color:var(--pink);position:relative}.editorial-archive-hero h1 em:after{content:"";position:absolute;left:0;right:-5px;bottom:4px;height:9px;background:var(--lime);z-index:-1}.editorial-archive-hero p{font-size:14px;color:#606064}.archive-deco{font:950 52px/.82 Arial Black,Arial,sans-serif;letter-spacing:-.08em;text-align:right;color:#111;border:2px solid #111;background:var(--cyan);padding:18px 21px;transform:rotate(4deg);box-shadow:6px 6px 0 var(--pink)}.archive-editorial-list{margin-top:0}.archive-row{grid-template-columns:54px minmax(0,1fr) 190px 32px;padding:28px 0}.archive-row .article-row-thumb{width:190px}.archive-row .article-row-main h2{font-size:clamp(20px,2.4vw,30px)}

/* Individual article: editorial accents, reading remains calm */
.editorial-article-page{max-width:960px}.editorial-article-page .breadcrumbs{border-bottom:1px solid #cbd3d8;padding-bottom:16px}.editorial-article-page .article-header{position:relative;padding-top:54px}.editorial-article-page .article-header:before{content:"";display:block;width:72px;height:7px;background:linear-gradient(90deg,var(--pink) 0 34%,var(--cyan) 34% 68%,var(--lime) 68%);border:1px solid #111;margin-bottom:22px}.editorial-article-page .article-meta>span:first-child{border-radius:0;background:var(--lime);color:#111;border:1px solid #111;padding:5px 8px}.editorial-article-page .article-header h1{font-size:clamp(38px,5.8vw,62px);line-height:1.22;letter-spacing:-.055em}.editorial-article-page .article-hero-image{border-radius:0;border:1px solid #111}.editorial-article-page .article-body h2{border-top:2px solid #111;padding-top:18px;margin-top:2.6em;position:relative}.editorial-article-page .article-body h2:after{display:none}.editorial-article-page .article-body h2:before{content:"";position:absolute;top:-2px;left:0;width:76px;height:6px;background:var(--cyan);border:1px solid #111}.editorial-article-page .article-body h3{border-left:5px solid var(--pink);padding-left:14px}.editorial-article-page .author-card{border-radius:0;border:1px solid #111;box-shadow:5px 5px 0 var(--cyan)}
.embedded-question{border-radius:0;border:1.5px solid #111}.embedded-question-head{background:var(--lime);border-bottom:1.5px solid #111}.embedded-question-mark{border-radius:0;background:#111}.embedded-question-body{background:#fff}

/* Small human touches */
@media (hover:hover){@media (hover: hover) and (pointer: fine){.brand:hover img{transform:rotate(-5deg)}}.brand img{transition:.2s ease}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-character-wrap img,.hero-spark{animation:none!important}.btn,.editorial-article-row,.editorial-social-row,.article-row-thumb,.article-row-thumb img{transition:none!important}}

@media(max-width:1000px){
  .hero-editorial{grid-template-columns:1fr 1fr;padding-left:30px;padding-right:30px}.hero-editorial h1 strong{font-size:clamp(58px,7.4vw,78px)}.hero-character-wrap{left:20px;right:0}.sticker-news{right:-4px}.editorial-section{padding-left:26px;padding-right:26px}.editorial-article-row{grid-template-columns:minmax(0,1fr) 145px 24px}.article-row-thumb{width:145px}.editorial-social-row{grid-template-columns:56px minmax(0,1fr) auto 26px}.social-brand-mark{width:52px;height:52px}.editorial-archive{padding-left:26px;padding-right:26px}.archive-row{grid-template-columns:minmax(0,1fr) 160px 24px}.archive-row .article-row-thumb{width:160px}
}
@media(max-width:900px){
  .editorial-topbar{height:68px;padding:0 20px}.hero-editorial{grid-template-columns:1fr;min-height:auto;padding:48px 24px 65px}.hero-editorial .hero-copy{text-align:left}.hero-editorial h1{max-width:720px}.hero-editorial h1 strong{font-size:clamp(66px,12vw,98px)}.hero-editorial .hero-actions,.hero-editorial .hero-mini{justify-content:flex-start}.hero-editorial .hero-copy>p{max-width:620px}.hero-editorial-visual{min-height:520px;margin-top:12px}.hero-character-wrap{inset:8px 12% 0 16%}.hero-color-pink{width:55%;right:15%}.hero-color-blue{width:47%;left:20%}.hero-x-ghost{right:12%;font-size:350px}.sticker-news{right:12%;top:25%}.sticker-name{left:15%}.hs1{left:14%}.hs2{right:15%}.culture-strip{margin-top:0}.editorial-section-head{grid-template-columns:48px minmax(0,1fr);}.editorial-section-head .editorial-arrow{grid-column:2;margin-top:2px;justify-self:start}.editorial-social-row{grid-template-columns:54px minmax(0,1fr) auto 24px}.editorial-contact-grid{grid-template-columns:1fr}.editorial-contact-grid .question-panel .modern-form textarea{min-height:220px}.editorial-archive-hero{grid-template-columns:minmax(0,1fr)}.archive-deco{position:absolute;right:10px;top:12px;font-size:32px;padding:12px 14px;opacity:.92}.archive-row{grid-template-columns:minmax(0,1fr) 150px 24px}.archive-row .article-row-thumb{width:150px}
}
@media(max-width:680px){
  body:before{background-size:32px 32px}.editorial-topbar{padding:0 16px}.brand img{width:36px;height:36px}.brand span{font-size:13px}.hero-editorial{padding:34px 18px 52px}.hero-overline{margin-bottom:19px}.hero-overline span{width:32px;height:32px}.hero-editorial h1{line-height:.96;margin-bottom:24px}.hero-editorial h1 .hero-small-line{font-size:24px;margin-bottom:12px}.hero-editorial h1 strong{font-size:clamp(48px,15vw,68px);line-height:.95;letter-spacing:-.06em}.hero-editorial h1 strong em:after{height:7px;bottom:2px}.hero-editorial .hero-copy>p{font-size:13px;line-height:1.85}.hero-editorial .hero-actions{display:grid;grid-template-columns:1fr 1fr}.hero-editorial .btn{height:47px;padding:0 12px;font-size:12px}.hero-meta-line{font-size:8px;gap:8px;overflow:hidden;white-space:nowrap}.hero-editorial-visual{min-height:390px;margin-top:8px}.hero-character-wrap{inset:6px 5% 0 7%}.hero-color-pink{width:66%;right:5%;top:8%}.hero-color-blue{width:55%;left:8%;bottom:5%}.hero-x-ghost{right:-5%;top:-35px;font-size:260px}.sticker-news{right:0;top:21%;font-size:8px;padding:9px 10px}.sticker-name{left:0;bottom:12%;font-size:8px;padding:8px 10px}.hero-spark{font-size:18px}.hs1{left:2%}.hs2{right:4%}.culture-strip{padding:9px 0}.culture-strip div{font-size:10px}.culture-strip span{padding:0 10px}.editorial-section{padding:68px 18px}.editorial-section-head{grid-template-columns:34px minmax(0,1fr);gap:12px;padding-bottom:18px;margin-bottom:10px}.section-number{font-size:10px}.editorial-section-head h2{font-size:38px}.editorial-section-head p{font-size:12px}.editorial-section-head .editorial-arrow{grid-column:2;margin-bottom:7px}.editorial-article-list{border-top:0}.editorial-article-row,.archive-row{grid-template-columns:minmax(0,1fr) 22px;gap:12px;padding:20px 0}@media (hover: hover) and (pointer: fine){.editorial-article-row:hover{padding-left:0;padding-right:0}}.article-row-no{font-size:9px}.article-row-thumb,.archive-row .article-row-thumb{display:none}.article-row-arrow{font-size:18px}.article-row-main h3,.article-row-main h2,.archive-row .article-row-main h2{font-size:19px;line-height:1.45}.article-row-main p{-webkit-line-clamp:2;font-size:11px}.article-row-meta{font-size:9px}.editorial-social-row{grid-template-columns:46px minmax(0,1fr) 22px;gap:10px;min-height:112px;padding:15px 0}@media (hover: hover) and (pointer: fine){.editorial-social-row:hover{padding-left:0;padding-right:0}}.social-index{font-size:9px}.social-brand-mark{width:44px;height:44px}.social-brand-mark img{max-width:23px;max-height:23px}.social-brand-mark.note-mark img{width:34px;max-width:34px}.social-copy h3{font-size:21px;margin-bottom:7px}.social-copy p{font-size:10px;line-height:1.55}.social-tag{display:none}.editorial-social-row>b{font-size:17px}.contact-zone{padding-top:56px}.editorial-contact-grid .contact-panel,.editorial-contact-grid .question-panel{padding:29px 19px 25px}.editorial-contact-grid .panel-head h2{font-size:29px}.question-big-q{right:14px;top:12px;font-size:78px}.editorial-contact-grid .modern-form input,.editorial-contact-grid .modern-form textarea{padding:12px}.editorial-contact-grid .question-panel .modern-form textarea{min-height:190px}.editorial-footer{padding-left:18px;padding-right:18px}.editorial-archive{padding:42px 18px 10px}.editorial-archive-hero{min-height:310px;grid-template-columns:minmax(0,1fr);gap:12px;padding-bottom:32px}.editorial-archive-hero h1{font-size:54px}.editorial-archive-hero p{font-size:12px;max-width:82%}.archive-deco{font-size:25px;right:2px;top:8px;padding:10px}.editorial-archive-hero h1 em:after{height:7px}.editorial-article-page{padding-left:18px;padding-right:18px}.editorial-article-page .article-header h1{font-size:34px;line-height:1.28}.editorial-article-page .article-header:before{width:58px;height:6px}.editorial-article-page .author-card{box-shadow:4px 4px 0 var(--cyan)}
}
@media(max-width:360px){
  .hero-editorial h1 .hero-small-line{font-size:21px}.hero-editorial h1 strong{font-size:44px}.hero-editorial .hero-actions{grid-template-columns:1fr}.hero-meta-line{font-size:7px}.hero-editorial-visual{min-height:340px}.sticker-news{top:18%}.editorial-section-head h2{font-size:34px}.editorial-archive-hero h1{font-size:48px}.archive-deco{font-size:21px}.editorial-contact-grid .contact-panel,.editorial-contact-grid .question-panel{padding-left:16px;padding-right:16px}
}
/* final viewport guard for rotated editorial details */
html,body{overflow-x:clip}
@media(max-width:680px){.hero-x-ghost{right:0}.culture-strip{transform:rotate(-.35deg)}}


/* ===== v5: per-bubble portrait / name / alignment editor ===== */
.speech-bubble{display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px;align-items:start;margin:2.2em 0}
.speech-bubble .bubble-person{width:72px;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0}
.bubble-avatar-frame{width:60px;height:60px;border:1.5px solid #161820;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;flex:0 0 auto}
.bubble-avatar{width:100%;height:100%;object-fit:cover;display:block}
.bubble-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111;color:#fff;font-size:20px;font-weight:950}
.bubble-speaker-name{display:block;width:100%;font-size:10px;line-height:1.35;font-weight:850;text-align:center;color:#555;overflow-wrap:anywhere}
.speech-bubble .bubble-balloon{min-width:0;position:relative;padding:15px 18px;border:1.5px solid #171920;background:#fff;border-radius:4px 17px 17px 17px;color:#222}
.speech-bubble .bubble-balloon:before{content:"";position:absolute;top:18px;left:-8px;width:14px;height:14px;background:inherit;border-left:1.5px solid #171920;border-bottom:1.5px solid #171920;transform:rotate(45deg)}
.speech-bubble .bubble-balloon p{position:relative;z-index:1;margin:0;line-height:1.85}
.speech-bubble.bubble-pink .bubble-avatar-frame{box-shadow:5px 5px 0 var(--pink)}
.speech-bubble.bubble-pink .bubble-balloon{background:#fff7fa;border-color:#24151c}
.speech-bubble.bubble-black .bubble-avatar-frame{box-shadow:5px 5px 0 #1b1d26}
.speech-bubble.bubble-black .bubble-balloon{background:#f6f6f7}
.speech-bubble.bubble-blue .bubble-avatar-frame{box-shadow:5px 5px 0 var(--cyan)}
.speech-bubble.bubble-blue .bubble-balloon{background:#f2fcff}
.speech-bubble.bubble-right{grid-template-columns:minmax(0,1fr) 72px}
.speech-bubble.bubble-right .bubble-person{grid-column:2;grid-row:1}
.speech-bubble.bubble-right .bubble-balloon{grid-column:1;grid-row:1;border-radius:17px 4px 17px 17px}
.speech-bubble.bubble-right .bubble-balloon:before{left:auto;right:-8px;border-left:0;border-bottom:0;border-right:1.5px solid #171920;border-top:1.5px solid #171920}
.rich-editor .speech-bubble{cursor:pointer;transition:box-shadow .16s ease,transform .16s ease;position:relative}
@media (hover: hover) and (pointer: fine){.rich-editor .speech-bubble:hover{box-shadow:0 0 0 2px rgba(255,79,145,.22);transform:translateY(-1px)}}
.rich-editor .speech-bubble:after{content:"クリックで吹き出しを編集";position:absolute;right:7px;top:-19px;font-size:8px;font-weight:850;letter-spacing:.04em;color:#8a8d97;opacity:0;transition:.16s ease}
@media (hover: hover) and (pointer: fine){.rich-editor .speech-bubble:hover:after{opacity:1}}

body.modal-open{overflow:hidden}
.bubble-modal[hidden]{display:none!important}
.bubble-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:22px}
.bubble-modal-backdrop{position:absolute;inset:0;background:rgba(12,13,18,.62);backdrop-filter:blur(5px)}
.bubble-modal-panel{position:relative;z-index:1;width:min(680px,100%);max-height:min(780px,calc(100vh - 44px));overflow:auto;background:#fff;border:1.5px solid #111;padding:28px;box-shadow:12px 12px 0 rgba(119,232,255,.72)}
.bubble-modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:18px;border-bottom:1px solid #e5e5e8}
.bubble-modal-head span{font-size:9px;font-weight:900;letter-spacing:.14em;color:var(--pink)}
.bubble-modal-head h2{font-size:22px;line-height:1.25;letter-spacing:-.03em;margin:3px 0 0}
.bubble-modal-close{border:0;background:#111;color:#fff;width:34px;height:34px;font-size:22px;line-height:1;cursor:pointer}
.bubble-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px;padding:20px 0 4px}
.bubble-modal-grid>label,.bubble-image-field{display:grid;gap:7px;font-size:10px;font-weight:850;color:#656874}
.bubble-modal-grid input,.bubble-modal-grid textarea,.bubble-modal-grid select{width:100%;border:1px solid #d9d9de;background:#fff;padding:10px 11px;outline:0;color:#111;border-radius:6px;font-size:12px}
.bubble-modal-grid textarea{resize:vertical;line-height:1.7;min-height:122px}
.bubble-modal-grid input:focus,.bubble-modal-grid textarea:focus,.bubble-modal-grid select:focus{border-color:#111;box-shadow:0 0 0 2px rgba(119,232,255,.28)}
.bubble-message-field{grid-column:1/-1}
.bubble-side-field{border:0;padding:0;margin:0;display:flex;align-items:center;gap:15px}
.bubble-side-field legend,.bubble-field-label{font-size:10px;font-weight:850;color:#656874;margin-bottom:7px}
.bubble-side-field label{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:800;color:#333;cursor:pointer}
.bubble-side-field input{width:15px;height:15px;accent-color:#111}
.bubble-image-field{grid-column:1/-1}
.bubble-image-picker{display:grid;grid-template-columns:90px minmax(0,1fr);gap:14px;align-items:center}
.bubble-image-preview{width:86px;height:86px;border:1px solid #d9d9de;background:#f6f6f8;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#999;font-size:9px;font-weight:850}
.bubble-image-preview img{width:100%;height:100%;object-fit:cover}
.bubble-image-controls{display:grid;gap:8px;min-width:0}
.bubble-image-controls>div{display:flex;gap:7px;flex-wrap:wrap}
.bubble-modal-note{font-size:10px;line-height:1.7;color:#7d808b;margin:14px 0 0;padding:12px 13px;background:#f6f6f7;border-left:3px solid var(--cyan)}
.bubble-modal-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:20px}

@media(max-width:620px){
  .speech-bubble{grid-template-columns:58px minmax(0,1fr);gap:11px}
  .speech-bubble.bubble-right{grid-template-columns:minmax(0,1fr) 58px}
  .speech-bubble .bubble-person{width:58px}
  .bubble-avatar-frame{width:50px;height:50px}
  .bubble-speaker-name{font-size:9px}
  .speech-bubble .bubble-balloon{padding:13px 14px;font-size:14px}
  .speech-bubble .bubble-balloon:before{top:16px}
  .bubble-modal{padding:10px;align-items:flex-end}
  .bubble-modal-panel{width:100%;max-height:92vh;padding:20px 16px;box-shadow:0 -6px 0 var(--cyan)}
  .bubble-modal-grid{grid-template-columns:1fr;gap:14px}
  .bubble-message-field,.bubble-image-field{grid-column:1}
  .bubble-image-picker{grid-template-columns:70px minmax(0,1fr)}
  .bubble-image-preview{width:68px;height:68px}
  .bubble-modal-actions{position:sticky;bottom:-20px;background:#fff;padding:14px 0 0}
}
@media(max-width:360px){
  .speech-bubble{grid-template-columns:48px minmax(0,1fr);gap:9px}
  .speech-bubble.bubble-right{grid-template-columns:minmax(0,1fr) 48px}
  .speech-bubble .bubble-person{width:48px}
  .bubble-avatar-frame{width:43px;height:43px}
  .speech-bubble .bubble-balloon{padding:12px 12px;font-size:13px}
}
/* Reset legacy bubble direct-child styling on the new portrait column. */
.speech-bubble .bubble-person{padding:0!important;background:transparent!important;border:0!important;border-radius:0!important}
@media(max-width:620px){.speech-bubble .bubble-speaker-name{font-size:8px;letter-spacing:-.03em;white-space:nowrap}}

/* ===== v6: cleaner labels + PC hero character swap ===== */
.hero-character-wrap{isolation:isolate;transition:border-color .35s ease,filter .35s ease}
.hero-character-wrap img{
  position:absolute;
  inset:0;
  margin:auto;
  height:100%;
  width:auto;
  max-width:none;
  object-fit:contain;
  object-position:center bottom;
  animation:none!important;
  transition:opacity .42s cubic-bezier(.22,.61,.36,1),transform .58s cubic-bezier(.2,.75,.2,1),filter .58s ease;
  will-change:opacity,transform,filter;
}
.hero-character-base{z-index:2;opacity:1;transform:scale(1)}
.hero-character-hover{z-index:2;opacity:0;transform:scale(.95) translateY(12px);filter:drop-shadow(0 18px 22px rgba(0,0,0,.08)) brightness(1.04)}
.hero-character-wrap:before,.hero-character-wrap:after{content:"";position:absolute;pointer-events:none;opacity:0}
.hero-character-wrap:before{
  z-index:1;
  left:8%;right:8%;top:12%;bottom:4%;
  background:
    radial-gradient(circle at 62% 34%,rgba(216,255,62,.58),transparent 21%),
    radial-gradient(circle at 42% 48%,rgba(66,215,255,.62),transparent 39%),
    radial-gradient(circle at 58% 62%,rgba(255,79,139,.42),transparent 48%);
  filter:blur(26px);
  transform:scale(.72);
  transition:opacity .34s ease,transform .62s cubic-bezier(.2,.75,.2,1);
}
.hero-character-wrap:after{
  z-index:4;
  top:-18%;bottom:-18%;left:-44%;width:24%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 15%,rgba(255,255,255,.95) 50%,rgba(125,231,255,.45) 64%,transparent 100%);
  filter:blur(3px);
  transform:skewX(-14deg);
}
.social-brand-mark.note-mark img{width:34px;max-width:34px;height:34px;object-fit:contain}

@media (min-width:901px) and (hover:hover) and (pointer:fine){
  .hero-character-wrap{cursor:pointer}
  @media (hover: hover) and (pointer: fine){.hero-character-wrap:hover{border-bottom-color:var(--cyan);filter:saturate(1.04)}}
  @media (hover: hover) and (pointer: fine){.hero-character-wrap:hover:before{opacity:.9;transform:scale(1)}}
  @media (hover: hover) and (pointer: fine){.hero-character-wrap:hover:after{opacity:1;animation:heroCharacterShine .82s cubic-bezier(.2,.7,.15,1) both}}
  @media (hover: hover) and (pointer: fine){.hero-character-wrap:hover .hero-character-base{opacity:0;transform:scale(1.025);filter:brightness(1.25) blur(1px)}}
  @media (hover: hover) and (pointer: fine){.hero-character-wrap:hover .hero-character-hover{opacity:1;transform:scale(1.015) translateY(0);filter:drop-shadow(0 0 15px rgba(66,215,255,.38)) drop-shadow(0 22px 24px rgba(0,0,0,.1)) brightness(1.055) saturate(1.06)}}
}
@keyframes heroCharacterShine{
  0%{left:-44%;opacity:0}
  18%{opacity:.95}
  72%{opacity:.72}
  100%{left:126%;opacity:0}
}
@media(max-width:680px){.social-brand-mark.note-mark img{width:27px;max-width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){
  .hero-character-wrap img,.hero-character-wrap:before{transition:none!important}
  @media (hover: hover) and (pointer: fine){.hero-character-wrap:hover:after{animation:none!important;opacity:0!important}}
}


/* ===== v6.1: punctuation-free title balance + focused anonymous questions ===== */
.hero-editorial h1{row-gap:0;margin-bottom:32px}
.hero-editorial h1 .hero-small-line{letter-spacing:-.045em;margin-bottom:18px}
.hero-editorial h1 strong{line-height:.93;letter-spacing:-.067em}
.hero-editorial h1 strong+strong{margin-top:-2px}
.editorial-contact-grid .question-note b{color:#111;font-weight:900}
@media(max-width:680px){
  .hero-editorial h1{margin-bottom:26px}
  .hero-editorial h1 .hero-small-line{margin-bottom:14px}
  .hero-editorial h1 strong{line-height:.96;letter-spacing:-.062em}
  .hero-editorial h1 strong+strong{margin-top:-1px}
}


/* ===== v6.2: section headings without decorative numbers ===== */
.editorial-section-head{
  grid-template-columns:minmax(0,1fr) auto!important;
  column-gap:32px;
}
.editorial-section-head .editorial-arrow{
  grid-column:2!important;
}
@media(max-width:900px){
  .editorial-section-head{
    grid-template-columns:minmax(0,1fr)!important;
    row-gap:10px;
  }
  .editorial-section-head .editorial-arrow{
    grid-column:1!important;
    justify-self:start;
    margin-top:2px;
  }
}
@media(max-width:680px){
  .editorial-section-head{
    gap:8px;
    margin-bottom:14px;
  }
}

/* ===== v6.2: final nav wording + restored hero float ===== */
.hero-character-float{
  position:absolute;
  inset:0;
  z-index:2;
  animation:editorialFloat 5s ease-in-out infinite;
  transform-origin:center bottom;
  will-change:transform;
}
@media(prefers-reduced-motion:reduce){
  .hero-character-float{animation:none!important}
}

/* ===== v6.3: server drafts visible in admin ===== */
.admin-article-group{margin-top:30px}
.admin-article-group:first-of-type{margin-top:0}
.admin-article-group-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 12px;padding:0 2px}
.admin-article-group-head>div{display:flex;align-items:center;gap:9px}
.admin-article-group-head strong{font-size:11px;color:#6d6c70}
.admin-article-group-head p{margin:0;font-size:10px;line-height:1.6;color:#8a898d}
.admin-draft-group{padding:18px;border:1px solid #cfd6dc;background:rgba(255,255,255,.58)}
.admin-draft-row{border-color:#d3d0c8}
.continue-edit{height:34px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff;border:1px solid #111;border-radius:9px;font-size:9px;font-weight:900;white-space:nowrap}
@media (hover: hover) and (pointer: fine){.continue-edit:hover{background:var(--pink);border-color:var(--pink);color:#fff}}
@media(max-width:620px){
  .admin-article-group{margin-top:24px}
  .admin-draft-group{padding:12px}
  .admin-article-group-head{align-items:flex-start;flex-direction:column;gap:7px}
  .admin-row-actions .continue-edit{margin-right:auto}
}

/* v6.5 cleanup: decorative sequence numbers are no longer part of the public visual language */
.article-row-no,.social-index,.archive-no,.section-number{display:none!important}

/* ===== v6.5: mobile nav + touch hero interaction, retained after palette refresh ===== */
.mobile-menu-toggle{display:none}
@media(max-width:760px){
  body.menu-open{overflow:hidden}
  .editorial-topbar{position:relative;z-index:1002}
  .mobile-menu-toggle{
    display:flex;position:relative;z-index:1004;width:46px;height:46px;padding:0;border:1.5px solid #111;
    background:rgba(255,255,255,.72);backdrop-filter:blur(10px);align-items:center;justify-content:center;cursor:pointer
  }
  .mobile-menu-toggle span{position:absolute;width:21px;height:1.5px;background:#111;transition:transform .34s cubic-bezier(.2,.8,.2,1),top .34s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
  .mobile-menu-toggle span:first-child{top:18px}.mobile-menu-toggle span:last-child{top:26px}
  .mobile-menu-toggle.is-open span:first-child{top:22px;transform:rotate(45deg)}
  .mobile-menu-toggle.is-open span:last-child{top:22px;transform:rotate(-45deg)}
  .editorial-topbar .topnav{
    position:fixed;inset:0;z-index:1003;display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:0;padding:104px 24px 34px;background:rgba(241,244,246,.94);backdrop-filter:blur(14px);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .25s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility .25s
  }
  .editorial-topbar .topnav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}
  .editorial-topbar .topnav a{
    display:flex;align-items:center;justify-content:space-between;padding:17px 5px;border:0;border-bottom:1px solid #bfc8ce;border-radius:0!important;
    background:transparent!important;color:#111!important;font-size:29px;line-height:1.15;font-weight:950;letter-spacing:-.045em
  }
  .editorial-topbar .topnav a:after{content:"";font-size:17px;font-weight:500;transition:transform .2s ease}
  .editorial-topbar .topnav a[href*="#sns"]:after,.editorial-topbar .topnav a[href*="#question-box"]:after{content:"↓"}
  .editorial-topbar .topnav .nav-contact{margin-top:16px;padding:17px 18px;border:1.5px solid #111!important;box-shadow:5px 5px 0 var(--cyan);background:#fff!important}
  .editorial-topbar .topnav .nav-contact:after{content:"↓"}
  .hero-character-wrap{cursor:pointer;touch-action:manipulation}
  .hero-character-wrap.is-swapped{border-bottom-color:var(--cyan);filter:saturate(1.04)}
  .hero-character-wrap.is-swapped:before{opacity:.9;transform:scale(1)}
  .hero-character-wrap.is-swapped:after{opacity:1;animation:heroCharacterShine .82s cubic-bezier(.2,.7,.15,1) both}
  .hero-character-wrap.is-swapped .hero-character-base{opacity:0;transform:scale(1.025);filter:brightness(1.2) blur(1px)}
  .hero-character-wrap.is-swapped .hero-character-hover{opacity:1;transform:scale(1.015) translateY(0);filter:drop-shadow(0 0 15px rgba(66,215,255,.38)) drop-shadow(0 22px 24px rgba(0,0,0,.1)) brightness(1.055) saturate(1.06)}
}
@media(prefers-reduced-motion:reduce){
  .mobile-menu-toggle span,.editorial-topbar .topnav{transition:none!important}
  .hero-character-wrap.is-swapped:after{animation:none!important;opacity:0!important}
}

/* ===== v6.6: refined contact icon + structural mobile menu ===== */
.contact-big-mail{
  position:absolute;
  right:24px;
  top:21px;
  width:92px;
  height:72px;
  z-index:0;
  color:rgba(66,215,255,.18);
  pointer-events:none;
  user-select:none;
}
.contact-big-mail svg{display:block;width:100%;height:100%;overflow:visible}
.contact-big-mail svg *{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:5!important;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.contact-panel .panel-head{position:relative;z-index:1}

/* Jitter-inspired spring-like easing where supported; conventional easing remains the fallback. */
:root{--menu-spring:cubic-bezier(.18,.8,.2,1)}
@supports (transition-timing-function:linear(0,1)){
  :root{--menu-spring:linear(0,.006,.025 2%,.101 4.3%,.435 9%,.719 13.1%,.905 17%,1.014 21.4%,1.045 25.8%,1.039 30.8%,1.012 39%,.999 50%,1)}
}

@media(max-width:900px){
  body.menu-open{overflow:hidden}
  .editorial-topbar{position:relative;z-index:1002}
  .mobile-menu-toggle{
    display:flex!important;position:relative;z-index:1004;align-items:center;justify-content:center;cursor:pointer;padding:0;
    border:0!important;
    background:transparent!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
    width:48px;
    height:48px;
    border-radius:0;
    transition:transform .38s var(--menu-spring),background-color .25s ease;
  }
  .mobile-menu-toggle:active{transform:scale(.93)}
  .mobile-menu-toggle span{
    width:25px;
    height:2px;
    border-radius:99px;
    transform-origin:center;
    transition:top .48s var(--menu-spring),transform .48s var(--menu-spring),width .32s ease,background-color .22s ease;
  }
  .mobile-menu-toggle span:first-child{top:18px}
  .mobile-menu-toggle span:last-child{top:28px;width:18px;transform:translateX(3.5px)}
  .mobile-menu-toggle.is-open span:first-child{top:23px;width:25px;transform:rotate(45deg)}
  .mobile-menu-toggle.is-open span:last-child{top:23px;width:25px;transform:rotate(-45deg)}

  /* Solid structural panel: no page content shows through. */
  .editorial-topbar .topnav{
    position:fixed!important;inset:0!important;z-index:1003;
    display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;
    gap:0;padding:104px 24px 34px;pointer-events:none;
    background:#eef3f7!important;
    backdrop-filter:none!important;
    opacity:1!important;
    clip-path:inset(0 0 100% 0);
    transform:none!important;
    visibility:hidden;
    transition:clip-path .56s var(--menu-spring),visibility 0s linear .56s!important;
    overflow:hidden;
  }
  .editorial-topbar .topnav:before,
  .editorial-topbar .topnav:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    height:8px;
    transform:scaleX(0);
    transform-origin:left center;
    transition:transform .52s var(--menu-spring) .08s;
  }
  .editorial-topbar .topnav:before{top:76px;background:var(--cyan)}
  .editorial-topbar .topnav:after{bottom:0;background:linear-gradient(90deg,var(--pink) 0 45%,var(--lime) 45% 100%)}
  .editorial-topbar .topnav.is-open{
    clip-path:inset(0 0 0 0);
    visibility:visible;pointer-events:auto;
    transition:clip-path .62s var(--menu-spring),visibility 0s!important;
  }
  .editorial-topbar .topnav.is-open:before,
  .editorial-topbar .topnav.is-open:after{transform:scaleX(1)}

  .editorial-topbar .topnav a{
    display:flex!important;align-items:center;justify-content:space-between;
    opacity:0;
    transform:translateY(28px) skewY(1.5deg);
    transform-origin:left center;
    transition:opacity .28s ease,transform .55s var(--menu-spring),background-color .2s ease!important;
  }
  .editorial-topbar .topnav.is-open a{opacity:1;transform:translateY(0) skewY(0)}
  .editorial-topbar .topnav.is-open a:nth-child(1){transition-delay:.16s!important}
  .editorial-topbar .topnav.is-open a:nth-child(2){transition-delay:.22s!important}
  .editorial-topbar .topnav.is-open a:nth-child(3){transition-delay:.28s!important}
  .editorial-topbar .topnav.is-open a:nth-child(4){transition-delay:.34s!important}
  .editorial-topbar .topnav a:active{background:#fff!important}
  .editorial-topbar .topnav .nav-contact{
    border:0!important;
    border-top:1px solid #aeb9c1!important;
    border-bottom:1px solid #aeb9c1!important;
    box-shadow:none!important;
    background:transparent!important;
    padding-left:5px;
    padding-right:5px;
  }

  .contact-big-mail{right:13px;top:15px;width:74px;height:58px;color:rgba(66,215,255,.18)}
}

@media(prefers-reduced-motion:reduce){
  .mobile-menu-toggle,.mobile-menu-toggle span,.editorial-topbar .topnav,.editorial-topbar .topnav:before,.editorial-topbar .topnav:after,.editorial-topbar .topnav a{transition:none!important}
}


/* ===== v6.7: typography breathing room, fixed mobile navigation, kinetic editorial motion ===== */
/* Hero: keep the headline forceful without crushing Japanese + Latin glyphs together. */
.hero-editorial h1{
  row-gap:0;
}
.hero-editorial h1 strong{
  line-height:.99;
  letter-spacing:-.047em;
}
.hero-editorial h1 strong + strong{
  margin-top:12px;
  letter-spacing:-.035em;
}
.hero-editorial h1 strong:last-child{
  padding-right:.05em;
}

/* Motion-first typography: light enough to keep the page fast, but gives the hero a designed entrance. */
@keyframes heroTypeIn{
  from{opacity:0;transform:translateY(28px);clip-path:inset(100% 0 0 0)}
  to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}
}
@media(prefers-reduced-motion:no-preference){
  .hero-editorial h1 .hero-small-line,
  .hero-editorial h1 strong{animation:heroTypeIn .72s var(--menu-spring) both}
  .hero-editorial h1 strong:nth-of-type(1){animation-delay:.08s}
  .hero-editorial h1 strong:nth-of-type(2){animation-delay:.17s}
}

/* Kinetic info ticker — two identical groups produce a seamless, edge-safe loop. */
.culture-strip{
  overflow:hidden;
  padding:0;
}
.culture-strip .culture-track{
  display:flex;
  width:max-content;
  min-width:0;
  align-items:center;
  padding:12px 0;
  animation:cultureMarquee 28s linear infinite;
  will-change:transform;
}
.culture-strip .culture-group{
  flex:none;
  display:block;
  white-space:nowrap;
  padding-inline:clamp(38px,5vw,88px);
  font:950 13px/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.12em;
}
.culture-strip .culture-group i{
  display:inline-block;
  padding:0 18px;
  font-style:normal;
  font-size:8px;
  vertical-align:2px;
}
@keyframes cultureMarquee{to{transform:translateX(-50%)}}
@media(hover:hover){@media (hover: hover) and (pointer: fine){.culture-strip:hover .culture-track{animation-play-state:paused}}}

/* Contact/question layout must be shrinkable at every width. */
.contact-zone,
.editorial-contact-grid,
.contact-block,
.question-block,
.editorial-contact-grid .contact-panel,
.editorial-contact-grid .question-panel,
.editorial-contact-grid .modern-form,
.editorial-contact-grid .modern-form label{
  min-width:0;
  max-width:100%;
}
.contact-block,.question-block{width:100%;overflow:visible}
.editorial-contact-grid .contact-panel,.editorial-contact-grid .question-panel{
  width:100%;
  overflow:hidden;
}
.editorial-contact-grid input,
.editorial-contact-grid textarea,
.editorial-contact-grid button{max-width:100%}

/* Modern but restrained reveal motion below the hero. */
@media(prefers-reduced-motion:no-preference){
  .motion-ready .reveal-item{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .75s var(--menu-spring)}
  .motion-ready .reveal-item.is-visible{opacity:1;transform:none}
}

@media(max-width:900px){
  /* Keep the close control in the viewport even after the page was scrolled before opening. */
  .mobile-menu-toggle{
    position:fixed!important;
    top:max(8px,env(safe-area-inset-top));
    right:max(12px,env(safe-area-inset-right));
    z-index:1105!important;
    background:rgba(241,244,246,.9)!important;
    backdrop-filter:blur(12px)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    border:0!important;
    box-shadow:0 8px 24px rgba(17,24,39,.07)!important;
  }
  .mobile-menu-toggle.is-open{background:transparent!important;box-shadow:none!important}
  .editorial-topbar .topnav{z-index:1100!important}
  body.menu-open{overflow:hidden!important;overscroll-behavior:none}

  /* Give the large headline more vertical rhythm on tablet/mobile. */
  .hero-editorial h1 strong{line-height:1.02;letter-spacing:-.042em}
  .hero-editorial h1 strong + strong{margin-top:10px;letter-spacing:-.025em}

  /* Ticker text should never kiss the viewport edge on narrow screens. */
  .culture-strip .culture-track{padding:13px 0}
  .culture-strip .culture-group{padding-inline:42px;font-size:11px;letter-spacing:.105em}
  .culture-strip .culture-group i{padding:0 15px}

  .editorial-contact-grid{grid-template-columns:minmax(0,1fr)!important;width:100%;max-width:100%;overflow:clip}
  .contact-block,.question-block{width:100%;max-width:100%;min-width:0}
}

@media(max-width:680px){
  .hero-editorial h1{margin-bottom:28px}
  .hero-editorial h1 .hero-small-line{margin-bottom:15px;line-height:1.25}
  .hero-editorial h1 strong{line-height:1.04;letter-spacing:-.035em}
  .hero-editorial h1 strong + strong{margin-top:8px;letter-spacing:-.018em}
  .culture-strip .culture-group{padding-inline:34px;font-size:10px}
  .culture-strip .culture-group i{padding:0 12px}
  .contact-zone{overflow:hidden}
  .editorial-contact-grid{gap:34px}
  .editorial-contact-grid .contact-panel,.editorial-contact-grid .question-panel{padding-left:18px;padding-right:18px}
}

@media(max-width:360px){
  .hero-editorial h1 strong{letter-spacing:-.025em}
  .hero-editorial h1 strong + strong{margin-top:7px;letter-spacing:-.01em}
  .culture-strip .culture-group{padding-inline:30px;letter-spacing:.09em}
}

@media(prefers-reduced-motion:reduce){
  .culture-strip .culture-track{}
  .motion-ready .reveal-item{opacity:1!important;transform:none!important}
}


/* ===== v6.7 final polish: keep content visible; loosen the Latin hero line ===== */
.hero-editorial h1 strong + strong{
  margin-top:16px;
  letter-spacing:0;
}
/* Keep motion as progressive enhancement without ever hiding content. */
.motion-ready .reveal-item,
.motion-ready .reveal-item.is-visible{
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
@media(max-width:900px){
  .hero-editorial h1 strong + strong{margin-top:12px;letter-spacing:.005em}
}
@media(max-width:680px){
  .hero-editorial h1 strong + strong{margin-top:10px;letter-spacing:.008em}
}

/* ===== v6.8: mobile SNS divider cleanup + lossless hero image restore ===== */
/* The section header already provides enough structure on small screens.
   Keep a single rule before the social rows instead of two stacked rules. */
@media(max-width:680px){
  #sns .editorial-section-head{
    border-bottom:0!important;
    padding-bottom:10px!important;
    margin-bottom:8px!important;
  }
  #sns .editorial-social-list{
    border-top:1.5px solid #111!important;
  }
}

/* Keep the original illustration crisp after tap -> swap -> tap back.
   Only opacity is animated on the base art; blur/scale are never applied to it. */
.hero-character-base{
  transform:none!important;
  filter:drop-shadow(0 20px 22px rgba(0,0,0,.11))!important;
  transition:opacity .34s cubic-bezier(.22,.61,.36,1)!important;
  will-change:opacity!important;
  image-rendering:auto;
}
.hero-character-hover{
  image-rendering:auto;
}
@media (min-width:901px) and (hover:hover) and (pointer:fine){
  @media (hover: hover) and (pointer: fine){.hero-character-wrap:hover .hero-character-base{
    opacity:0!important;
    transform:none!important;
    filter:drop-shadow(0 20px 22px rgba(0,0,0,.11))!important;
  }}
  @media (hover: hover) and (pointer: fine){.hero-character-wrap:hover .hero-character-hover{
    opacity:1!important;
    transform:scale(1.055) translateY(2%)!important;
  }}
}
@media(max-width:900px){
  .hero-character-wrap.is-swapped .hero-character-base{
    opacity:0!important;
    transform:none!important;
    filter:drop-shadow(0 20px 22px rgba(0,0,0,.11))!important;
  }
  .hero-character-wrap.is-swapped .hero-character-hover{
    opacity:1!important;
    transform:scale(1.055) translateY(2%)!important;
  }
}

/* ===== v6.9: separate anonymous-question page + navigation / scale polish ===== */
/* Hero accent: underline the entire "Xオタクな" line, not only the colored word. */
.hero-editorial h1 strong:first-of-type{
  position:relative;
  width:max-content;
  max-width:100%;
  isolation:isolate;
}
.hero-editorial h1 strong:first-of-type::after{
  content:"";
  position:absolute;
  left:.01em;
  right:-.02em;
  height:clamp(8px,.8vw,12px);
  bottom:.02em;
  background:var(--lime);
  transform:rotate(-.7deg);
  transform-origin:left center;
  z-index:-1;
}
.hero-editorial h1 strong em::after{display:none!important}

/* The ticker should read as a deliberate band, not a thin rule. */
.culture-strip{
  min-height:60px;
  padding:0!important;
  display:flex;
  align-items:center;
  transform:rotate(-.35deg);
  margin:4px 0 24px;
}
.culture-strip .culture-track{padding:18px 0!important}
.culture-strip .culture-group{font-size:12px;line-height:1.2;padding-inline:clamp(48px,6vw,96px)}
.culture-strip .culture-group i{padding-inline:18px}

/* Modern desktop navigation: editorial text links + a restrained outlined contact action. */
@media(min-width:901px){
  .editorial-topbar{height:82px;padding-inline:clamp(30px,4vw,52px)}
  .editorial-topbar .topnav{display:flex;align-items:center;gap:24px}
  .editorial-topbar .topnav a{
    position:relative;
    padding:10px 1px;
    border:0;
    border-radius:0!important;
    background:transparent!important;
    color:#283038;
    font-size:13px;
    font-weight:820;
    letter-spacing:.015em;
    transition:color .18s ease,transform .18s ease;
  }
  .editorial-topbar .topnav a:not(.nav-contact)::after{
    content:"";
    position:absolute;
    left:0;right:0;bottom:3px;
    height:2px;
    background:#111;
    transform:scaleX(0);
    transform-origin:right center;
    transition:transform .28s var(--menu-spring);
  }
  .editorial-topbar .topnav a.active:not(.nav-contact)::after{
    transform:scaleX(1);
    transform-origin:left center;
  }@media (hover: hover) and (pointer: fine){.editorial-topbar .topnav a:not(.nav-contact):hover::after{
    transform:scaleX(1);
    transform-origin:left center;
  }}
  .editorial-topbar .topnav a.active{color:#050607}@media (hover: hover) and (pointer: fine){.editorial-topbar .topnav a:hover{color:#050607}}
  .editorial-topbar .topnav .nav-contact{
    padding:10px 15px;
    border:1px solid #111!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#111!important;
    transition:transform .2s var(--menu-spring),box-shadow .2s ease,background .2s ease!important;
  }
  @media (hover: hover) and (pointer: fine){.editorial-topbar .topnav .nav-contact:hover{
    transform:translate(-2px,-2px);
    box-shadow:4px 4px 0 var(--cyan)!important;
    background:#fff!important;
  }}
}

/* Home contact is intentionally compact; anonymous questions now live on their own page. */
.contact-zone{max-width:1080px;padding-top:78px;padding-bottom:92px}
.contact-zone-head{max-width:820px;margin-left:auto;margin-right:auto;margin-bottom:28px!important}
.contact-block-single{width:100%;max-width:820px;margin:0 auto;min-width:0}
.contact-block-single .contact-panel{
  width:100%;
  padding:34px 38px 32px;
  min-height:0;
}
.contact-block-single .panel-head{margin-bottom:24px;padding-right:92px}
.contact-block-single .panel-head h2{font-size:clamp(30px,3vw,40px)}
.contact-block-single .modern-form{gap:16px}
.contact-block-single .modern-form textarea{min-height:150px}
.contact-block-single .contact-big-mail{width:78px;height:60px;right:25px;top:23px}

/* Dedicated anonymous-question page. */
.ask-page{max-width:980px;margin:0 auto;padding:74px 32px 100px}
.ask-hero{max-width:780px;margin:0 auto 34px;padding-bottom:30px;border-bottom:1px solid #111}
.ask-overline{margin:0 0 10px;color:#737c84;font:850 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.ask-hero h1{margin:0 0 12px;font-size:clamp(48px,6vw,82px);line-height:1;letter-spacing:-.065em}
.ask-hero>p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.8}
.ask-card{position:relative;max-width:780px;margin:0 auto;padding:36px 38px 34px;background:#fff;border:1px solid #111;overflow:hidden}
.ask-card .panel-accent{position:absolute;left:-1px;right:-1px;top:-1px;height:8px;background:var(--pink)}
.ask-card .question-big-q{right:22px;top:18px;font-size:100px;color:rgba(255,79,139,.12)}
.ask-card .panel-head{position:relative;z-index:1;padding-right:96px;margin-bottom:24px}
.ask-card .panel-head h2{font-size:clamp(30px,3.2vw,42px);margin:0 0 7px}
.ask-card .question-form textarea{min-height:220px}
.ask-card .question-note{margin-top:20px;color:#697078}
.ask-card .question-note b{color:#111}

/* Footer is intentionally utility-only; article discovery lives in the page body/nav. */
.editorial-footer nav{gap:18px}

@media(max-width:900px){
  /* A non-sticky header: the hamburger does not follow the page while closed. */
  .topbar.solid.editorial-topbar{position:relative!important;top:auto!important;backdrop-filter:none!important}
  .editorial-topbar{height:72px;padding:0 18px}
  .mobile-menu-toggle{
    position:absolute!important;
    top:12px!important;
    right:12px!important;
    width:48px!important;
    height:48px!important;
    background:transparent!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    box-shadow:none!important;
    border:0!important;
  }
  /* While the menu is open only, keep the X reachable. */
  .mobile-menu-toggle.is-open{
    position:fixed!important;
    top:max(12px,env(safe-area-inset-top))!important;
    right:max(12px,env(safe-area-inset-right))!important;
    background:transparent!important;
  }
  .editorial-topbar .topnav{
    position:fixed!important;
    inset:0!important;
    padding:96px 22px 30px!important;
    background:#f1f4f6!important;
    overflow-y:auto!important;
  }
  /* Remove the old decorative bars which created double rules. */
  .editorial-topbar .topnav::before,
  .editorial-topbar .topnav::after{display:none!important}
  .editorial-topbar .topnav a{
    border:0!important;
    border-bottom:1px solid #aeb8bf!important;
    padding:18px 4px!important;
    font-size:clamp(25px,7vw,32px)!important;
  }
  /* No doubled line between anonymous questions and the outlined contact action. */
  .editorial-topbar .topnav a:nth-last-child(2){border-bottom:0!important}
  .editorial-topbar .topnav .nav-contact{
    margin-top:18px!important;
    padding:16px 17px!important;
    border:1.5px solid #111!important;
    box-shadow:4px 4px 0 var(--cyan)!important;
    background:#fff!important;
  }
  .editorial-topbar .topnav a[href$="/ask"]::after{content:""!important}
  .editorial-topbar .topnav a[href*="#sns"]::after{content:"↓"!important}

  .culture-strip{min-height:52px;margin-bottom:18px}
  .culture-strip .culture-track{padding:15px 0!important}
  .culture-strip .culture-group{padding-inline:46px!important;font-size:10px!important;letter-spacing:.1em!important}
  .culture-strip .culture-group i{padding-inline:13px!important}

  .contact-zone{padding-top:58px;padding-bottom:70px}
  .contact-zone-head{margin-bottom:22px!important}
  .contact-block-single .contact-panel{padding:28px 24px 26px}
  .contact-block-single .panel-head{padding-right:72px}
  .contact-block-single .contact-big-mail{width:62px;height:48px;right:17px;top:18px}
  .contact-block-single .modern-form textarea{min-height:135px}

  .ask-page{padding:48px 18px 76px}
  .ask-hero{margin-bottom:24px;padding-bottom:24px}
  .ask-hero h1{font-size:52px}
  .ask-card{padding:30px 20px 28px}
  .ask-card .panel-head{padding-right:64px}
  .ask-card .question-big-q{right:14px;top:15px;font-size:78px}
  .ask-card .question-form textarea{min-height:190px}
}

@media(max-width:520px){
  .hero-editorial h1 strong:first-of-type::after{height:7px;bottom:.01em}
  .culture-strip .culture-group{padding-inline:38px!important}
  .contact-block-single .contact-panel{padding:24px 18px 23px}
  .contact-block-single .panel-head{padding-right:56px}
  .contact-block-single .contact-big-mail{width:50px;height:39px;right:13px;top:17px}
  .ask-page{padding-left:16px;padding-right:16px}
  .ask-hero h1{font-size:46px}
  .ask-card{padding:27px 17px 24px}
  .ask-card .panel-head{padding-right:50px}
  .ask-card .question-big-q{font-size:64px;right:11px;top:15px}
}
/* v6.9 final band sizing */
.culture-strip{min-height:64px}
.culture-strip .culture-track{padding:20px 0!important}
@media(max-width:900px){
  .culture-strip{min-height:58px}
  .culture-strip .culture-track{padding:18px 0!important}
}
/* v6.9 editorial rhythm cleanup: avoid stacked divider lines on the home lists. */
#latest .editorial-article-list,
#sns .editorial-social-list{border-top:0!important}

/* ===== v6.10: fixed info band, clean hero art edge, refined mobile nav ===== */
/* The illustration should float in the composition without a hard baseline. */
.hero-character-wrap,
.hero-character-wrap.is-swapped{
  border-bottom:0!important;
}@media (hover: hover) and (pointer: fine){.hero-character-wrap:hover{
  border-bottom:0!important;
}}

/* Fixed information band: centered, calm, and edge-safe at every width. */
.culture-strip{
  transform:none!important;
  min-height:68px!important;
  margin:4px 0 24px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.culture-strip .culture-track{
  width:100%!important;
  max-width:1440px!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:20px clamp(34px,6vw,88px)!important;
  
  
  will-change:auto!important;
}
.culture-strip .culture-group{
  width:100%!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:clamp(18px,2.5vw,38px)!important;
  white-space:nowrap!important;
  font-size:12px!important;
  line-height:1.2!important;
  letter-spacing:.105em!important;
}
.culture-strip .culture-group i{
  padding:0!important;
  flex:0 0 auto!important;
}

/* Mobile navigation: replace generic arrows with short editorial color bars. */
@media(max-width:900px){
  .editorial-topbar .topnav a::after{
    content:""!important;
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    width:28px!important;
    height:3px!important;
    margin-left:18px!important;
    border-radius:99px!important;
    background:#111!important;
    transform:none!important;
    opacity:1!important;
  }
  .editorial-topbar .topnav a:nth-child(1)::after{background:var(--cyan)!important}
  .editorial-topbar .topnav a:nth-child(2)::after{background:var(--lime)!important}
  .editorial-topbar .topnav a:nth-child(3)::after{background:var(--pink)!important}
  .editorial-topbar .topnav .nav-contact::after{background:#111!important}

  .culture-strip{
    min-height:62px!important;
    margin-bottom:20px!important;
  }
  .culture-strip .culture-track{
    padding:18px clamp(26px,7vw,52px)!important;
  }
  .culture-strip .culture-group{
    gap:clamp(14px,3.5vw,24px)!important;
    font-size:10px!important;
    letter-spacing:.09em!important;
  }
}
@media(max-width:520px){
  .culture-strip{
    min-height:58px!important;
    border-top-width:2px!important;
    border-bottom-width:2px!important;
  }
  .culture-strip .culture-track{
    padding:17px 24px!important;
  }
  .culture-strip .culture-group{
    gap:13px!important;
    font-size:9.5px!important;
    letter-spacing:.075em!important;
  }
  .culture-strip .culture-hide-mobile{display:none!important}
}
@media(max-width:340px){
  .culture-strip .culture-track{padding-left:20px!important;padding-right:20px!important}
  .culture-strip .culture-group{gap:10px!important;font-size:9px!important}
}

/* ===== v6.10.1: responsive ticker + iOS form zoom guard ===== */
/* Keep the visual artwork floating: no baseline beneath the character. */
.hero-character-wrap,
.hero-character-wrap.is-swapped{
  border-bottom:0!important;
}@media (hover: hover) and (pointer: fine){.hero-character-wrap:hover{
  border-bottom:0!important;
}}

/* Band itself keeps the slightly imperfect editorial angle. */
.culture-strip{
  transform:rotate(-.48deg) scale(1.006)!important;
  transform-origin:center!important;
  min-height:68px!important;
  margin:5px 0 26px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
}

/* Desktop: fixed and centered, no motion. */
@media(min-width:901px){
  .culture-strip .culture-track{
    width:100%!important;
    max-width:1440px!important;
    min-width:0!important;
    margin:0 auto!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:21px clamp(44px,6vw,92px)!important;
    
    
    will-change:auto!important;
  }
  .culture-strip .culture-group{
    width:100%!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(20px,2.6vw,40px)!important;
    white-space:nowrap!important;
    font-size:12px!important;
    line-height:1.2!important;
    letter-spacing:.105em!important;
  }
  .culture-strip .culture-group i{padding:0!important;flex:0 0 auto!important}
  .culture-strip .culture-group-clone{display:none!important}
}

/* Mobile/tablet: continuous moving ticker, with generous edge spacing. */
@media(max-width:900px){
  .culture-strip{
    min-height:62px!important;
    margin:4px 0 22px!important;
    transform:rotate(-.42deg) scale(1.008)!important;
  }
  .culture-strip .culture-track{
    width:max-content!important;
    max-width:none!important;
    min-width:max-content!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    animation:cultureTickerMobile 24s linear infinite!important;
    will-change:transform!important;
  }
  .culture-strip .culture-group{
    width:auto!important;
    min-width:max-content!important;
    padding:19px 36px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:20px!important;
    white-space:nowrap!important;
    font-size:10.5px!important;
    line-height:1.2!important;
    letter-spacing:.1em!important;
  }
  .culture-strip .culture-group i{padding:0 5px!important;flex:0 0 auto!important}
  .culture-strip .culture-group-clone{display:flex!important}

  /* iOS Safari zooms focused form controls below 16px. */
  .contact-block-single .modern-form input,
  .contact-block-single .modern-form textarea,
  .ask-card .question-form textarea,
  .ask-card .modern-form input,
  .ask-card .modern-form textarea,
  .ask-page input,
  .ask-page textarea,
  .ask-page select{
    font-size:16px!important;
  }

  /* Mobile menu uses small geometric markers instead of arrows. */
  .editorial-topbar .topnav a::after{
    content:""!important;
    position:static!important;
    display:block!important;
    flex:0 0 auto!important;
    width:9px!important;
    height:9px!important;
    margin-left:18px!important;
    border-radius:2px!important;
    background:#111!important;
    transform:rotate(45deg)!important;
    opacity:1!important;
  }
  .editorial-topbar .topnav a:nth-child(1)::after{background:var(--cyan)!important}
  .editorial-topbar .topnav a:nth-child(2)::after{background:var(--lime)!important}
  .editorial-topbar .topnav a:nth-child(3)::after{background:var(--pink)!important}
  .editorial-topbar .topnav .nav-contact::after{background:#111!important}
}

@media(max-width:520px){
  .culture-strip{min-height:58px!important;border-top-width:2px!important;border-bottom-width:2px!important}
  .culture-strip .culture-group{padding:18px 30px!important;gap:17px!important;font-size:10px!important;letter-spacing:.085em!important}
  .culture-strip .culture-group i{padding:0 4px!important}
}
@media(max-width:340px){
  .culture-strip .culture-group{padding-left:26px!important;padding-right:26px!important;gap:15px!important;font-size:9.5px!important}
}

@keyframes cultureTickerMobile{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(prefers-reduced-motion:reduce) and (max-width:900px){
  .culture-strip .culture-track{}
}

/* ===== v6.10.2: comfortable form typing ===== */
/* Labels remain clear; user-entered text stays calm and readable. */
.contact-block-single .modern-form input,
.contact-block-single .modern-form textarea,
.ask-card .question-form textarea,
.ask-card .modern-form input,
.ask-card .modern-form textarea,
.ask-page input,
.ask-page textarea,
.ask-page select{
  font-family:inherit!important;
  font-weight:400!important;
  letter-spacing:normal!important;
}
.contact-block-single .modern-form input::placeholder,
.contact-block-single .modern-form textarea::placeholder,
.ask-card textarea::placeholder,
.ask-page input::placeholder,
.ask-page textarea::placeholder{
  font-weight:400!important;
  opacity:.62;
}
@media(min-width:901px){
  .contact-block-single .modern-form input,
  .contact-block-single .modern-form textarea,
  .ask-card .question-form textarea,
  .ask-page input,
  .ask-page textarea,
  .ask-page select{
    font-size:15px!important;
    line-height:1.65!important;
  }
}
@media(max-width:900px){
  .contact-block-single .modern-form input,
  .contact-block-single .modern-form textarea,
  .ask-card .question-form textarea,
  .ask-card .modern-form input,
  .ask-card .modern-form textarea,
  .ask-page input,
  .ask-page textarea,
  .ask-page select{
    font-size:16px!important;
    line-height:1.65!important;
  }
}

/* ===== v6.10.3: rotated band stays inside every viewport ===== */
.culture-strip{
  width:calc(100% - 16px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(min-width:901px){
  .culture-strip{margin:5px auto 26px!important}
}
@media(max-width:900px){
  .culture-strip{margin:4px auto 22px!important}
}

/* ===== v6.11: bold editorial band — desktop fixed / mobile kinetic ===== */
/*
  Keep the text horizontal while the lime panel itself carries the angle.
  This avoids viewport overflow from rotating the whole strip and makes the
  diagonal treatment clearly visible on both desktop and mobile.
*/
.culture-strip{
  position:relative!important;
  width:100%!important;
  min-height:92px!important;
  margin:8px 0 30px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  border:0!important;
  background:transparent!important;
  transform:none!important;
  isolation:isolate!important;
}
.culture-strip::before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-2%!important;
  right:-2%!important;
  top:13px!important;
  bottom:13px!important;
  background:var(--lime)!important;
  border-top:2px solid #111!important;
  border-bottom:2px solid #111!important;
  transform:skewY(-1.15deg)!important;
  transform-origin:center!important;
}
.culture-strip .culture-track{
  position:relative!important;
  z-index:1!important;
  min-height:92px!important;
}

/* Desktop: larger type, one centered row, no motion. */
@media(min-width:901px){
  .culture-strip .culture-track{
    width:100%!important;
    max-width:1380px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0 clamp(52px,6vw,100px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    animation:none!important;
    
    will-change:auto!important;
  }
  .culture-strip .culture-group{
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(24px,3.4vw,58px)!important;
    white-space:nowrap!important;
    font-size:16px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.075em!important;
  }
  .culture-strip .culture-group > span{
    padding:0!important;
    font-size:1em!important;
    vertical-align:baseline!important;
  }
  .culture-strip .culture-group i{
    padding:0!important;
    font-size:8px!important;
    line-height:1!important;
    flex:0 0 auto!important;
  }
  .culture-strip .culture-group-clone{display:none!important}
}

/* Phones/tablets: visibly moving, edge-safe ticker with generous spacing. */
@media(max-width:900px){
  .culture-strip{
    min-height:80px!important;
    margin:6px 0 24px!important;
  }
  .culture-strip::before{
    left:-5%!important;
    right:-5%!important;
    top:10px!important;
    bottom:10px!important;
    transform:skewY(-1.45deg)!important;
  }
  .culture-strip .culture-track{
    width:max-content!important;
    max-width:none!important;
    min-width:max-content!important;
    min-height:80px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    animation:cultureTickerV611 17s linear infinite!important;
    will-change:transform!important;
  }
  .culture-strip .culture-group{
    width:auto!important;
    min-width:max-content!important;
    padding:0 34px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:24px!important;
    white-space:nowrap!important;
    font-size:14px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.07em!important;
  }
  .culture-strip .culture-group > span{
    padding:0!important;
    font-size:1em!important;
    vertical-align:baseline!important;
  }
  .culture-strip .culture-group i{
    padding:0 5px!important;
    font-size:7px!important;
    line-height:1!important;
    flex:0 0 auto!important;
  }
  .culture-strip .culture-group-clone{display:flex!important}
}
@media(max-width:430px){
  .culture-strip .culture-group{
    padding-left:30px!important;
    padding-right:30px!important;
    gap:21px!important;
    font-size:13.5px!important;
  }
}
@media(max-width:340px){
  .culture-strip .culture-group{
    padding-left:27px!important;
    padding-right:27px!important;
    gap:19px!important;
    font-size:13px!important;
  }
}
@keyframes cultureTickerV611{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
/* Keep some gentle movement even when the OS asks for reduced motion, because
   the strip itself communicates that this is a live information ticker. */
@media(prefers-reduced-motion:reduce) and (max-width:900px){
  .culture-strip .culture-track{
    animation-name:cultureTickerV611!important;
    animation-duration:38s!important;
    animation-timing-function:linear!important;
    animation-iteration-count:infinite!important;
  }
}

/* ===== v6.12: stronger band, editorial mobile menu, denser mobile archive ===== */
/* Lime information band: the type shares the angle instead of floating horizontally. */
@media(min-width:901px){
  .culture-strip{
    min-height:104px!important;
    margin:9px 0 32px!important;
  }
  .culture-strip::before{
    top:12px!important;
    bottom:12px!important;
    transform:skewY(-1.25deg)!important;
  }
  .culture-strip .culture-track{
    min-height:104px!important;
    padding:0 clamp(56px,6vw,108px)!important;
  }
  .culture-strip .culture-group{
    gap:clamp(28px,3.6vw,64px)!important;
    font-size:18px!important;
    letter-spacing:.065em!important;
    transform:rotate(-1.05deg)!important;
    transform-origin:center!important;
  }
  .culture-strip .culture-group i{font-size:9px!important}
}
@media(max-width:900px){
  .culture-strip{
    min-height:86px!important;
    margin:7px 0 26px!important;
  }
  .culture-strip::before{
    top:9px!important;
    bottom:9px!important;
    transform:skewY(-1.55deg)!important;
  }
  .culture-strip .culture-track{
    min-height:86px!important;
    animation-duration:18s!important;
  }
  .culture-strip .culture-group{
    padding-left:38px!important;
    padding-right:38px!important;
    gap:25px!important;
    font-size:15px!important;
    letter-spacing:.06em!important;
    transform:rotate(-1.05deg)!important;
    transform-origin:center!important;
  }
  .culture-strip .culture-group i{font-size:7px!important}
}
@media(max-width:430px){
  .culture-strip .culture-group{
    padding-left:34px!important;
    padding-right:34px!important;
    gap:22px!important;
    font-size:14.5px!important;
  }
}
@media(max-width:340px){
  .culture-strip .culture-group{
    padding-left:30px!important;
    padding-right:30px!important;
    gap:20px!important;
    font-size:14px!important;
  }
}

/* Mobile navigation: no arrows/diamonds. Each destination gets a restrained signal bar. */
@media(max-width:900px){
  .editorial-topbar .topnav{
    padding:104px 22px 34px!important;
    background:#f1f4f6!important;
  }
  .editorial-topbar .topnav a,
  .editorial-topbar .topnav .nav-contact{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:20px!important;
    min-height:72px!important;
    margin:0!important;
    padding:19px 2px!important;
    border:0!important;
    border-bottom:1px solid #c7d0d7!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#080a0c!important;
    font-size:clamp(25px,7vw,33px)!important;
    font-weight:900!important;
    letter-spacing:-.035em!important;
  }
  .editorial-topbar .topnav a::after,
  .editorial-topbar .topnav .nav-contact::after{
    content:""!important;
    position:static!important;
    display:block!important;
    width:38px!important;
    height:12px!important;
    margin:0 4px 0 auto!important;
    border:0!important;
    border-radius:0!important;
    transform:skewX(-24deg)!important;
    transform-origin:center!important;
    background:
      linear-gradient(to bottom,
        var(--cyan) 0 5px,
        transparent 5px 8px,
        #111 8px 10px,
        transparent 10px 100%)!important;
    opacity:1!important;
    transition:transform .28s var(--menu-spring),width .28s var(--menu-spring)!important;
  }
  .editorial-topbar .topnav a:nth-child(2)::after{
    background:linear-gradient(to bottom,var(--lime) 0 5px,transparent 5px 8px,#111 8px 10px,transparent 10px 100%)!important;
  }
  .editorial-topbar .topnav a:nth-child(3)::after{
    background:linear-gradient(to bottom,var(--pink) 0 5px,transparent 5px 8px,#111 8px 10px,transparent 10px 100%)!important;
  }
  .editorial-topbar .topnav .nav-contact{
    margin-top:22px!important;
    padding:18px 18px!important;
    min-height:70px!important;
    border:1.5px solid #111!important;
    background:#111!important;
    color:#fff!important;
  }
  .editorial-topbar .topnav .nav-contact::after{
    background:linear-gradient(to bottom,var(--cyan) 0 5px,transparent 5px 8px,#fff 8px 10px,transparent 10px 100%)!important;
  }
  .editorial-topbar .topnav a:active::after{width:54px!important;transform:skewX(-24deg) translateX(-2px)!important}
  .editorial-topbar .topnav a:nth-last-child(2){border-bottom:1px solid #c7d0d7!important}
}

/* Mobile article archive: compact like a magazine contents page, not a desktop hero squeezed down. */
@media(max-width:900px){
  .editorial-archive{
    padding:24px 18px 18px!important;
  }
  .editorial-archive-hero{
    min-height:0!important;
    display:block!important;
    padding:22px 0 24px!important;
    margin:0!important;
    border-bottom:2px solid #111!important;
  }
  .editorial-archive-hero h1{
    max-width:620px!important;
    margin:0 0 14px!important;
    font-size:clamp(48px,12vw,70px)!important;
    line-height:.92!important;
    letter-spacing:-.065em!important;
  }
  .editorial-archive-hero h1 em:after{height:7px!important;bottom:2px!important}
  .editorial-archive-hero p{
    max-width:620px!important;
    margin:0!important;
    font-size:12.5px!important;
    line-height:1.72!important;
  }
  .archive-deco{
    position:absolute!important;
    right:0!important;
    top:2px!important;
    font-size:22px!important;
    line-height:.84!important;
    padding:9px 11px!important;
    box-shadow:4px 4px 0 var(--pink)!important;
    transform:rotate(3deg)!important;
  }
  .archive-editorial-list{
    margin-top:0!important;
    border-top:0!important;
  }
  .archive-row{
    grid-template-columns:minmax(0,1fr) 92px!important;
    gap:14px!important;
    align-items:center!important;
    padding:18px 0!important;
  }
  .archive-row .article-row-main{min-width:0!important}
  .archive-row .article-row-main h2{
    margin:0 0 6px!important;
    font-size:20px!important;
    line-height:1.35!important;
    letter-spacing:-.035em!important;
  }
  .archive-row .article-row-main p{
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    overflow:hidden!important;
    font-size:11px!important;
    line-height:1.62!important;
  }
  .archive-row .article-row-meta{margin-bottom:7px!important;font-size:9px!important}
  .archive-row .article-row-thumb{
    display:block!important;
    width:92px!important;
    aspect-ratio:1/1!important;
    border:1px solid #111!important;
  }
  .archive-row .article-row-arrow{display:none!important}
}
@media(max-width:520px){
  .editorial-archive{padding-top:18px!important}
  .editorial-archive-hero{padding:16px 0 20px!important}
  .editorial-archive-hero h1{font-size:clamp(44px,14vw,58px)!important;margin-bottom:12px!important}
  .archive-deco{display:none!important}
  .archive-row{grid-template-columns:minmax(0,1fr) 84px!important;gap:12px!important;padding:16px 0!important}
  .archive-row .article-row-thumb{width:84px!important}
  .archive-row .article-row-main h2{font-size:19px!important}
}
@media(max-width:340px){
  .editorial-archive{padding-left:15px!important;padding-right:15px!important}
  .archive-row{grid-template-columns:minmax(0,1fr) 76px!important;gap:10px!important}
  .archive-row .article-row-thumb{width:76px!important}
  .archive-row .article-row-main h2{font-size:18px!important}
}
/* v6.12.1: explicit legacy-arrow kill + slightly stronger band typography */
@media(min-width:901px){
  .culture-strip .culture-group{font-size:19px!important;transform:rotate(-1.25deg)!important}
}
@media(max-width:900px){
  .culture-strip .culture-group{font-size:15.5px!important;transform:rotate(-1.25deg)!important}
  .editorial-topbar .topnav a[href*="#sns"]::after,
  .editorial-topbar .topnav a[href$="/ask"]::after,
  .editorial-topbar .topnav a[href*="#contact"]::after,
  .editorial-topbar .topnav a[href$="/articles"]::after{
    content:""!important;
  }
}
@media(max-width:430px){.culture-strip .culture-group{font-size:15px!important}}
@media(max-width:340px){.culture-strip .culture-group{font-size:14.5px!important}}

/* ===== v6.13: continuous ticker + editorial article reading system ===== */
body{overflow-x:hidden}

/* The whole band rotates as one object so borders and text never break at clone boundaries. */
.culture-strip{
  position:relative!important;
  width:calc(100% + 56px)!important;
  min-height:96px!important;
  margin:18px 0 38px -28px!important;
  padding:0!important;
  overflow:hidden!important;
  background:var(--lime)!important;
  border-top:2px solid #111!important;
  border-bottom:2px solid #111!important;
  transform:rotate(-1.05deg)!important;
  transform-origin:center center!important;
  isolation:isolate!important;
}
.culture-strip::before{display:none!important}
.culture-strip .culture-track{
  min-height:96px!important;
  position:relative!important;
  z-index:1!important;
}
@media(min-width:901px){
  .culture-strip .culture-track{
    width:100%!important;
    max-width:1450px!important;
    min-width:0!important;
    margin:0 auto!important;
    padding:0 clamp(64px,7vw,126px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    animation:none!important;
    transform:none!important;
  }
  .culture-strip .culture-group{
    width:100%!important;
    min-width:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(28px,3.4vw,58px)!important;
    white-space:nowrap!important;
    font-size:19px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.055em!important;
    transform:none!important;
  }
  .culture-strip .culture-group i{font-size:8px!important;line-height:1!important}
  .culture-strip .culture-group-clone{display:none!important}
}
@media(max-width:900px){
  .culture-strip{
    width:calc(100% + 40px)!important;
    min-height:84px!important;
    margin:10px 0 30px -20px!important;
    transform:rotate(-1.35deg)!important;
  }
  .culture-strip .culture-track{
    width:max-content!important;
    max-width:none!important;
    min-width:max-content!important;
    min-height:84px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    animation:cultureTickerV613 17s linear infinite!important;
    will-change:transform!important;
  }
  .culture-strip .culture-group{
    width:auto!important;
    min-width:max-content!important;
    padding:0 42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:25px!important;
    white-space:nowrap!important;
    font-size:15px!important;
    font-weight:950!important;
    line-height:1!important;
    letter-spacing:.055em!important;
    transform:none!important;
  }
  .culture-strip .culture-group i{font-size:7px!important;line-height:1!important;padding:0 3px!important}
  .culture-strip .culture-group-clone{display:flex!important}
}
@media(max-width:430px){
  .culture-strip .culture-group{padding-left:36px!important;padding-right:36px!important;gap:22px!important;font-size:14.5px!important}
}
@keyframes cultureTickerV613{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media(prefers-reduced-motion:reduce) and (max-width:900px){.culture-strip .culture-track{animation-duration:38s!important}}

/* Editor: make the meta description unmistakable and images reliable. */
.editor-description-card{
  margin:12px 0 22px;
  padding:16px 17px 14px;
  border:1px solid #cbd4dc;
  border-left:5px solid var(--cyan);
  background:#f7fafc;
}
.editor-description-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:8px}
.editor-description-head>div{display:grid;gap:2px}
.editor-description-kicker{font:850 8px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;color:#6d7780}
.editor-description-head label{font-size:13px;font-weight:900;color:#111}
.editor-description-count{font:750 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#7f8992;white-space:nowrap}
.editor-description-card .editor-description{display:block;width:100%;min-height:78px;margin:0;padding:11px 12px;border:1px solid #d2d9df;background:#fff;color:#30343a;font-size:13px;line-height:1.75;resize:vertical;outline:none}
.editor-description-card .editor-description:focus{border-color:#111;box-shadow:3px 3px 0 var(--cyan)}
.editor-description-card>p{margin:8px 0 0;font-size:9px;line-height:1.65;color:#78818a}
.rich-editor.is-dragging-image{box-shadow:inset 0 0 0 3px var(--cyan);background:#f4fbfd}
.rich-editor .article-image{text-align:center!important;margin:2em auto!important}
.rich-editor .article-image img,.article-body .article-image img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;margin:0 auto!important;object-fit:contain!important}

/* Article reading page — content-first editorial hierarchy. */
.editorial-article-page{max-width:1180px!important;padding-left:28px!important;padding-right:28px!important}
.editorial-article-page>article{max-width:1120px;margin:0 auto}
.editorial-article-page .article-header{max-width:900px;margin:0 auto;padding:54px 0 42px!important}
.editorial-article-page .article-header h1{font-size:clamp(40px,5.6vw,68px)!important;line-height:1.16!important;letter-spacing:-.055em!important;margin:18px 0 18px!important}
.editorial-article-page .article-lead{max-width:780px;font-size:16px;line-height:1.9;color:#58616a}
.editorial-article-page .article-hero-image{margin-top:36px!important;box-shadow:7px 7px 0 var(--cyan)}
.article-reading-grid{display:grid;grid-template-columns:220px minmax(0,760px);justify-content:center;align-items:start;gap:56px;margin-top:28px}
.article-reading-grid.no-toc{grid-template-columns:minmax(0,760px)}
.article-toc{position:sticky;top:104px;padding:0 0 18px;border-top:2px solid #111;border-bottom:1px solid #cbd4dc}
.article-toc-label{padding:15px 0 12px;display:grid;gap:3px}
.article-toc-label span{font:850 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:#7b858e}
.article-toc-label b{font-size:18px;line-height:1.2}
.article-toc nav{display:grid}
.article-toc a{position:relative;padding:8px 8px 8px 13px;font-size:11px;line-height:1.55;color:#666f78;border-left:2px solid transparent;transition:.18s ease}
.article-toc a.is-active{color:#111;border-left-color:var(--pink);background:linear-gradient(90deg,rgba(255,79,139,.08),transparent 75%)}@media (hover: hover) and (pointer: fine){.article-toc a:hover{color:#111;border-left-color:var(--pink);background:linear-gradient(90deg,rgba(255,79,139,.08),transparent 75%)}}
.article-toc a.toc-level-3{padding-left:24px;font-size:10px;color:#858d95}
.article-body{min-width:0;max-width:760px;font-size:17px!important;line-height:2.05!important;color:#20252a!important}
.article-body>p{margin:1.55em 0!important}
.article-body h2,.article-body h3{scroll-margin-top:100px}
.editorial-article-page .article-body h2{
  position:relative!important;
  margin:3.1em 0 1.05em!important;
  padding:22px 0 16px!important;
  border-top:1px solid #111!important;
  border-bottom:1px solid #cbd4dc!important;
  font-size:32px!important;
  line-height:1.35!important;
  letter-spacing:-.04em!important;
}
.editorial-article-page .article-body h2:before{
  content:""!important;position:absolute!important;left:0!important;top:-4px!important;width:64px!important;height:7px!important;background:var(--lime)!important;border:1px solid #111!important
}
.editorial-article-page .article-body h2:after{display:none!important}
.editorial-article-page .article-body h3{
  position:relative!important;
  margin:2.35em 0 .9em!important;
  padding:2px 0 7px 23px!important;
  border:0!important;
  font-size:23px!important;
  line-height:1.45!important;
  letter-spacing:-.03em!important;
}
.editorial-article-page .article-body h3:before{
  content:"";position:absolute;left:0;top:.42em;width:10px;height:10px;background:var(--cyan);border:1px solid #111;box-shadow:4px 4px 0 var(--pink)
}
.article-body blockquote{border-radius:0!important;border-left:0!important;border-top:1px solid #111!important;border-bottom:1px solid #111!important;background:#f4f7f9!important;padding:22px 25px!important;font-size:16px;line-height:1.9}
.article-body .article-image{margin:2.6em auto!important;text-align:center!important}
.article-body .article-image img{max-height:760px!important}
.media-embed{margin:2.6em auto!important}
.youtube-embed{border-radius:0!important;border:1px solid #111;box-shadow:6px 6px 0 var(--lime)}
.x-embed{max-width:560px;margin-left:auto!important;margin-right:auto!important}
.article-end{max-width:920px;margin:84px auto 0!important}
.author-profile-card{grid-template-columns:72px minmax(0,1fr) auto!important;gap:18px!important;padding:24px!important;align-items:start!important;background:#fff!important}
.author-profile-card img{width:72px!important;height:72px!important;border-radius:50%}
.author-profile-card>div{min-width:0}
.author-profile-card>div>span{display:block;font-size:9px;font-weight:850;letter-spacing:.1em;color:#7e8790;margin-bottom:2px}
.author-profile-card>div>b{display:block;font-size:19px;margin-bottom:7px}
.author-profile-card>div>p{margin:0!important;font-size:12px!important;line-height:1.85!important;color:#626b73!important}
.author-profile-card>a{align-self:center!important;white-space:nowrap!important;background:#111!important;color:#fff!important;border:1px solid #111!important;padding:10px 13px!important;font-size:10px!important;font-weight:900!important;text-align:center}
@media (hover: hover) and (pointer: fine){.author-profile-card>a:hover{background:var(--lime)!important;color:#111!important}}

@media(max-width:900px){
  .editorial-article-page{padding-left:18px!important;padding-right:18px!important}
  .editorial-article-page .article-header{padding-top:38px!important;padding-bottom:30px!important}
  .editorial-article-page .article-header h1{font-size:clamp(34px,9vw,50px)!important;line-height:1.22!important}
  .article-reading-grid,.article-reading-grid.no-toc{display:block;margin-top:12px}
  .article-toc{position:relative;top:auto;margin:0 0 34px;padding-bottom:12px}
  .article-toc-label{display:flex;align-items:baseline;justify-content:space-between;padding:13px 0 8px}
  .article-toc-label b{font-size:17px}
  .article-toc nav{grid-template-columns:1fr 1fr;gap:0 14px}
  .article-toc a{font-size:10.5px;padding:7px 5px 7px 11px}
  .article-toc a.toc-level-3{padding-left:18px;font-size:9.5px}
  .article-body{max-width:none;font-size:16px!important;line-height:2!important}
  .editorial-article-page .article-body h2{font-size:27px!important;margin-top:2.7em!important;padding-top:19px!important}
  .editorial-article-page .article-body h3{font-size:21px!important;margin-top:2.1em!important}
  .article-end{margin-top:62px!important}
  .author-profile-card{grid-template-columns:58px minmax(0,1fr)!important;padding:19px!important;gap:13px!important}
  .author-profile-card img{width:58px!important;height:58px!important}
  .author-profile-card>a{grid-column:1/-1!important;width:100%;margin-top:4px}
}
@media(max-width:520px){
  .editorial-article-page{padding-left:15px!important;padding-right:15px!important}
  .article-toc nav{grid-template-columns:1fr}
  .article-toc a{font-size:10.5px}
  .article-body{font-size:15.5px!important}
  .editorial-article-page .article-body h2{font-size:24px!important;line-height:1.4!important}
  .editorial-article-page .article-body h3{font-size:19px!important;padding-left:21px!important}
  .author-profile-card>div>p{font-size:11px!important;line-height:1.8!important}
  .editor-description-card{padding:14px 13px 12px}
  .editor-description-head{align-items:flex-start}
  .editor-description-head label{font-size:12px}
}

/* v6.13.1 — keep the full-width strip inside the viewport while preserving the angle. */
html,body{overflow-x:clip}
.culture-strip{
  width:100%!important;
  margin-left:0!important;
  margin-right:0!important;
  transform:skewY(-1.05deg)!important;
}
@media(max-width:900px){
  .culture-strip{width:100%!important;margin-left:0!important;margin-right:0!important;transform:skewY(-1.35deg)!important}
}

/* Keep the editor visually close to the published article for H2/H3 blocks. */
.rich-editor.article-body h2{
  position:relative!important;
  margin:2.7em 0 1em!important;
  padding:20px 0 14px!important;
  border-top:1px solid #111!important;
  border-bottom:1px solid #cbd4dc!important;
  font-size:29px!important;
  line-height:1.4!important;
  letter-spacing:-.04em!important;
}
.rich-editor.article-body h2:before{content:""!important;position:absolute!important;left:0!important;top:-4px!important;width:60px!important;height:7px!important;background:var(--lime)!important;border:1px solid #111!important}
.rich-editor.article-body h2:after{display:none!important}
.rich-editor.article-body h3{position:relative!important;margin:2.1em 0 .8em!important;padding:2px 0 7px 22px!important;border:0!important;font-size:21px!important;line-height:1.45!important;letter-spacing:-.03em!important}
.rich-editor.article-body h3:before{content:"";position:absolute;left:0;top:.42em;width:10px;height:10px;background:var(--cyan);border:1px solid #111;box-shadow:4px 4px 0 var(--pink)}
@media(max-width:520px){.rich-editor.article-body h2{font-size:24px!important}.rich-editor.article-body h3{font-size:19px!important}}

/* v6.14 — search, right-side TOC, and security/admin polish */
.article-reading-grid{
  grid-template-columns:minmax(0,760px) 220px!important;
  gap:56px!important;
}
.article-reading-grid.no-toc{grid-template-columns:minmax(0,760px)!important}
.article-reading-grid>.article-body{grid-column:1;grid-row:1}
.article-reading-grid>.article-toc{grid-column:2;grid-row:1}
.article-toc{
  border-top:2px solid #111!important;
  border-bottom:1px solid #cbd4dc!important;
}
.article-toc a{border-left:0!important;border-right:2px solid transparent!important;padding:8px 13px 8px 8px!important}
.article-toc a.is-active{
  border-right-color:var(--pink)!important;
  background:linear-gradient(270deg,rgba(255,79,139,.09),transparent 76%)!important;
}@media (hover: hover) and (pointer: fine){.article-toc a:hover{
  border-right-color:var(--pink)!important;
  background:linear-gradient(270deg,rgba(255,79,139,.09),transparent 76%)!important;
}}
.article-toc a.toc-level-3{padding-left:16px!important;padding-right:24px!important}

.archive-search{
  margin:0 0 38px;
  padding:18px 0 20px;
  border-top:1px solid #111;
  border-bottom:1px solid #cbd4dc;
}
.archive-search form{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:20px}
.archive-search label{font-size:12px;font-weight:900;letter-spacing:.03em;color:#111}
.archive-search-row{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;background:#fff;border:1px solid #111;box-shadow:5px 5px 0 var(--cyan);min-width:0}
.archive-search-row>span{display:grid;place-items:center;font-size:20px;color:#111}
.archive-search-row input{width:100%;min-width:0;border:0;background:transparent;padding:14px 6px 14px 0;font-size:16px;font-weight:500;color:#111;outline:0}
.archive-search-row input::placeholder{color:#8b949c;font-weight:400}
.archive-search-row button{align-self:stretch;border:0;border-left:1px solid #111;background:#111;color:#fff;padding:0 22px;font-size:12px;font-weight:900;cursor:pointer;transition:.18s ease}
@media (hover: hover) and (pointer: fine){.archive-search-row button:hover{background:var(--lime);color:#111}}
.archive-search-result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 0 140px;font-size:12px;color:#65707a}
.archive-search-result p{margin:0}.archive-search-result strong{color:#111;font-size:16px}.archive-search-result a{color:#111;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.admin-logout-form{margin:0}.admin-logout-form button{font:inherit}

@media(max-width:900px){
  .article-reading-grid,.article-reading-grid.no-toc{display:flex!important;flex-direction:column!important;margin-top:12px!important}
  .article-reading-grid>.article-toc{order:0;width:100%;position:relative;top:auto;margin:0 0 34px;padding-bottom:12px}
  .article-reading-grid>.article-body{order:1;width:100%}
  .article-toc a{border-right:0!important;border-left:2px solid transparent!important;padding:7px 5px 7px 11px!important}
  .article-toc a.is-active{border-left-color:var(--pink)!important;background:linear-gradient(90deg,rgba(255,79,139,.08),transparent 75%)!important}@media (hover: hover) and (pointer: fine){.article-toc a:hover{border-left-color:var(--pink)!important;background:linear-gradient(90deg,rgba(255,79,139,.08),transparent 75%)!important}}
  .archive-search{margin-bottom:28px;padding:14px 0 16px}
  .archive-search form{grid-template-columns:1fr;gap:8px}
  .archive-search label{font-size:11px}
  .archive-search-row{box-shadow:4px 4px 0 var(--cyan)}
  .archive-search-row input{font-size:16px;padding-top:12px;padding-bottom:12px}
  .archive-search-row button{padding:0 16px}
  .archive-search-result{margin:12px 0 0;align-items:flex-start}
}
@media(max-width:430px){
  .archive-search-row{grid-template-columns:30px minmax(0,1fr) auto}
  .archive-search-row button{padding:0 13px;font-size:11px}
  .archive-search-result{font-size:11px}
}

/* ===== v6.15: LCP / rendering performance ===== */
/* The hero art remains in the initial HTML and gets the browser's highest image priority.
   Below-the-fold sections can skip layout/paint work until they approach the viewport. */
.hero-character-picture{display:contents}
.editorial-section,.editorial-footer{content-visibility:auto;contain-intrinsic-size:auto 760px}
/* Until the interaction illustration has been fetched, never fade the LCP/base art out. */
@media (hover: hover) and (pointer: fine){.hero-character-wrap:not(.hover-ready):hover .hero-character-base{opacity:1!important}}
@media (hover: hover) and (pointer: fine){.hero-character-wrap:not(.hover-ready):hover .hero-character-hover{opacity:0!important}}

/* LCP-friendly hero entrance: keep top-of-fold text paintable immediately.
   Motion is transform-only (no opacity:0 / full clipping) so the animation does not postpone contentful paint. */
@keyframes heroTypeIn{
  from{opacity:1;transform:translateY(10px);clip-path:inset(0 0 0 0)}
  to{opacity:1;transform:translateY(0);clip-path:inset(0 0 0 0)}
}

/* v6.16 picture reset */
.brand picture{display:block;line-height:0;flex:0 0 auto}

/* v6.17 article title stage / video callout / OGP editor */
.editorial-article-page .article-header{max-width:980px!important;padding:54px 0 40px!important}
.article-title-stage{position:relative;overflow:hidden;background:#fff;border:1.5px solid #111;padding:34px 38px 38px;box-shadow:8px 8px 0 var(--cyan);isolation:isolate}
.article-title-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(66,215,255,.08),transparent 36%),linear-gradient(315deg,rgba(255,79,139,.07),transparent 32%);z-index:-1}
.article-title-stage .article-meta{position:relative;z-index:2}
.article-title-stage h1{position:relative;z-index:2;margin:18px 0 0!important;max-width:880px;font-size:clamp(42px,5.7vw,72px)!important;line-height:1.14!important;letter-spacing:-.06em!important;text-wrap:balance}
.article-title-accent{position:absolute;display:block;transform:skewX(-18deg);pointer-events:none}
.article-title-accent.accent-pink{width:110px;height:10px;right:28px;top:30px;background:var(--pink)}
.article-title-accent.accent-lime{width:180px;height:12px;left:38px;bottom:0;background:var(--lime)}
.article-title-accent.accent-cyan{width:12px;height:82px;right:0;bottom:28px;background:var(--cyan);transform:none}
.editorial-article-page .article-header:before{display:none!important}
.editorial-article-page .article-hero-image{display:none!important}

.box-video{margin:2.2em 0 .8em!important;border:1.5px solid #111;background:#fff;box-shadow:5px 5px 0 var(--pink);overflow:hidden}
.box-video>b{display:flex;align-items:center;gap:8px;background:#111;color:#fff;padding:9px 15px;font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em}
.box-video>b:before{content:"▶";color:var(--lime);font-size:11px}
.box-video>div{padding:18px 18px 17px;border-top:1px solid #111}
.box-video>div p{margin:.25em 0!important}
.box-video>div p:first-child{font-size:18px;font-weight:950;letter-spacing:-.025em}
.box-video+ .media-embed,.box-video+ .article-embed{margin-top:14px!important}

.editor-side-note{font-size:9px;line-height:1.7;color:#7a838b;margin:-4px 0 12px}
.editor-og-actions{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:2px}
.editor-og-section .cover-preview span{padding:12px;text-align:center;letter-spacing:.04em}
.decor-video-button{border-color:#111!important;background:#111!important;color:#fff!important}
@media (hover: hover) and (pointer: fine){.decor-video-button:hover{background:var(--lime)!important;color:#111!important;border-color:#111!important}}

@media(max-width:900px){
  .editorial-article-page .article-header{padding:36px 0 28px!important}
  .article-title-stage{padding:26px 22px 30px;box-shadow:5px 5px 0 var(--cyan)}
  .article-title-stage h1{font-size:clamp(34px,9.2vw,52px)!important;line-height:1.2!important;letter-spacing:-.052em!important}
  .article-title-accent.accent-pink{width:76px;height:8px;right:18px;top:20px}
  .article-title-accent.accent-lime{width:116px;height:9px;left:22px}
  .article-title-accent.accent-cyan{width:9px;height:60px;bottom:18px}
  .box-video>div p:first-child{font-size:16px}
}

/* ===== v6.18: sticky editor tools / caret-safe insertions / block deletion / character count ===== */
.editor-tool-stack{
  position:sticky;
  top:64px;
  z-index:58;
  margin:0 0 16px;
  padding:7px 7px 6px;
  background:rgba(255,255,255,.975);
  border:1px solid #dfe4e8;
  box-shadow:0 12px 28px rgba(10,18,26,.08);
  backdrop-filter:blur(14px);
}
.editor-tool-stack .editor-toolbar{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  margin:0!important;
  padding:3px 2px 7px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  backdrop-filter:none!important;
  flex-wrap:nowrap!important;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  overscroll-behavior-inline:contain;
}
.editor-tool-stack .editor-toolbar button,
.editor-tool-stack .editor-toolbar select,
.editor-tool-stack .toolbar-sep{flex:0 0 auto}
.editor-tool-stack .decoration-palette{
  padding:7px 2px 6px!important;
  margin:0!important;
  border-top:1px solid #eef1f3;
  display:flex!important;
  flex-wrap:nowrap!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  max-height:none!important;
  scrollbar-width:thin;
  overscroll-behavior-inline:contain;
}
.editor-tool-stack .decoration-palette>span,
.editor-tool-stack .decoration-palette button{flex:0 0 auto}
.editor-tool-meta{
  min-height:27px;
  padding:5px 3px 1px;
  border-top:1px solid #eef1f3;
  display:flex;
  align-items:center;
  gap:10px;
  color:#77818a;
  font-size:9px;
  line-height:1;
}
.editor-char-counter{
  display:inline-flex;
  align-items:baseline;
  gap:4px;
  white-space:nowrap;
  font-weight:700;
}
.editor-char-counter b{font-size:12px;color:#111;font-variant-numeric:tabular-nums}
.editor-insert-hint{white-space:nowrap;color:#9aa2aa}
.editor-delete-block{
  margin-left:auto;
  border:1px solid #111;
  background:#fff;
  color:#b72e47;
  padding:5px 9px;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}
@media (hover: hover) and (pointer: fine){.editor-delete-block:hover{background:#111;color:#fff}}
.rich-editor .editor-block-selected{
  outline:2px solid var(--cyan)!important;
  outline-offset:4px!important;
  box-shadow:5px 5px 0 rgba(66,215,255,.22)!important;
}
.bubble-modal-actions{align-items:center}
.bubble-action-spacer{flex:1}
.bubble-delete-button{border-color:#e7a0ae!important;color:#b72e47!important}
@media (hover: hover) and (pointer: fine){.bubble-delete-button:hover{background:#fff0f3!important;border-color:#b72e47!important;transform:none!important}}
@media(max-width:620px){
  .editor-tool-stack{top:64px;margin-left:-5px;margin-right:-5px;padding:5px 5px 4px;box-shadow:0 8px 20px rgba(10,18,26,.09)}
  .editor-tool-stack .editor-toolbar{padding-bottom:5px!important}
  .editor-tool-stack .decoration-palette{padding:5px 2px!important}
  .editor-tool-meta{gap:7px;padding-top:4px}
  .editor-insert-hint{display:none}
  .editor-delete-block{font-size:8px;padding:5px 7px}
}

/* ======================================================================
   v6.19 — editorial article system / categories / mobile polish
   Influenced by contemporary editorial systems: strong grid, restrained
   motion, typography-first hierarchy, and minimal navigation chrome.
   ====================================================================== */
.nav-home-mobile{display:none!important}

/* Article title: let typography be the hero instead of a thumbnail/card. */
.article-header-v619{max-width:1240px;margin:0 auto 34px!important}
.article-title-stage-v619{position:relative!important;overflow:visible!important;background:transparent!important;border:0!important;border-top:2px solid #0b0d10!important;border-bottom:1px solid #9aa6af!important;padding:26px 0 32px!important;box-shadow:none!important;isolation:isolate}
.article-title-stage-v619:before{display:none!important}
.article-title-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}
.article-title-stage-v619 .article-meta{display:flex;gap:14px;align-items:center;margin:0!important;font:800 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em;color:#7a858d}
.article-category-badge{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border:1px solid #111;background:#fff;font-size:11px;font-weight:900;letter-spacing:.03em;transition:.18s ease}
@media (hover: hover) and (pointer: fine){.article-category-badge:hover{background:#111;color:#fff;transform:translateY(-1px)}}
.article-title-stage-v619 h1{margin:0!important;max-width:1180px!important;display:grid;gap:.045em;font-size:clamp(44px,4.7vw,68px)!important;line-height:1.075!important;letter-spacing:-.058em!important;text-wrap:balance}
.article-title-stage-v619 h1>span{display:block;max-width:100%}
.article-title-rules{display:flex;gap:8px;align-items:center;margin-top:29px}
.article-title-rules i{display:block;height:8px;transform:skewX(-17deg)}
.article-title-rules i:nth-child(1){width:146px;background:var(--cyan)}
.article-title-rules i:nth-child(2){width:82px;background:var(--pink)}
.article-title-rules i:nth-child(3){width:48px;background:var(--lime)}


@media(min-width:901px){
  .article-title-stage-v619 h1>span{white-space:nowrap!important}
}

/* Cross-channel rail — informative, but visually quiet enough for reading. */
.article-channel-rail{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;border-top:1px solid #c4cdd4;border-bottom:1px solid #c4cdd4;padding:14px 0}
.article-channel-rail-top{margin-top:22px}.article-channel-rail-bottom{margin:62px 0 30px}
.article-channel-rail p{margin:0;display:flex;flex-wrap:wrap;gap:7px 12px;font-size:12px;color:#69737b}.article-channel-rail p b{color:#111;font-weight:900}.article-channel-rail nav{display:flex;align-items:center;gap:5px}
.article-channel-rail nav a{position:relative;display:flex;align-items:center;gap:8px;padding:7px 10px;font:900 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;border:1px solid transparent;transition:.18s ease}
.article-channel-rail nav a i{width:7px;height:7px;display:block;transform:skewX(-18deg);background:#111}.article-channel-rail .channel-x i{background:#111}.article-channel-rail .channel-youtube i{background:#ff0033}.article-channel-rail .channel-note i{background:#41c9b4}@media (hover: hover) and (pointer: fine){.article-channel-rail nav a:hover{background:#fff;border-color:#111;transform:translateY(-1px)}}

/* Reading grid: content left, TOC right. */
.article-reading-grid{display:grid!important;grid-template-columns:minmax(0,760px) 230px!important;justify-content:center!important;align-items:start!important;gap:64px!important;margin-top:40px!important}
.article-reading-grid.no-toc{grid-template-columns:minmax(0,760px)!important}
.article-reading-grid>.article-body{grid-column:1!important;grid-row:1!important;min-width:0}
.article-reading-grid>.article-toc{grid-column:2!important;grid-row:1!important}
.article-toc{position:sticky!important;top:102px!important;padding:0 0 14px!important;border-top:2px solid #111!important;border-bottom:1px solid #cbd4dc!important;text-align:left}
.article-toc-label{display:grid!important;justify-items:center!important;gap:5px!important;padding:15px 8px 13px!important;text-align:center!important}
.article-toc-label span{font:850 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#7b858e}
.article-toc-label b{font-size:20px;line-height:1.1;letter-spacing:.02em}
.article-toc nav{display:grid!important;counter-reset:toc}
.article-toc a{counter-increment:toc;position:relative!important;border-left:0!important;border-right:2px solid transparent!important;padding:9px 35px 9px 8px!important;font-size:11px!important;line-height:1.55!important;color:#68727a!important;background:transparent!important;transition:.18s ease!important}
.article-toc a:before{content:counter(toc,decimal-leading-zero);position:absolute;right:9px;top:10px;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#a2abb2}
.article-toc a.is-active{color:#111!important;border-right-color:var(--pink)!important;background:linear-gradient(270deg,rgba(255,79,139,.085),transparent 78%)!important}@media (hover: hover) and (pointer: fine){.article-toc a:hover{color:#111!important;border-right-color:var(--pink)!important;background:linear-gradient(270deg,rgba(255,79,139,.085),transparent 78%)!important}}
.article-toc a.toc-level-3{padding-right:44px!important;font-size:10px!important}.article-toc a.toc-level-3:before{right:19px}

/* Article headings: a print-like hierarchy without template-y rounded boxes. */
.article-body h2{position:relative!important;margin:2.7em 0 .95em!important;padding:17px 0 14px 23px!important;border:0!important;border-top:1.5px solid #111!important;border-bottom:1px solid #cbd4dc!important;font-size:30px!important;line-height:1.42!important;letter-spacing:-.035em!important}
.article-body h2:before{content:"";position:absolute;left:0;top:18px;width:7px;height:31px;background:linear-gradient(var(--cyan) 0 42%,var(--pink) 42% 72%,var(--lime) 72%);transform:skewY(-13deg)}
.article-body h2:after{display:none!important}
.article-body h3{position:relative!important;margin:2.1em 0 .72em!important;padding:0 0 0 21px!important;border:0!important;font-size:22px!important;line-height:1.48!important;letter-spacing:-.025em!important}
.article-body h3:before{content:"";position:absolute;left:0;top:.37em;width:9px;height:9px;background:#111;box-shadow:5px 5px 0 var(--cyan);transform:rotate(45deg)}

/* Video feature: callout and official player read as one editorial object. */
.article-body .video-feature{margin:2.5em 0!important;border:1.5px solid #111;background:#111;box-shadow:7px 7px 0 var(--lime);overflow:hidden}
.article-body .video-feature .box-video{margin:0!important;border:0!important;box-shadow:none!important;background:#fff!important;display:grid;grid-template-columns:168px minmax(0,1fr);align-items:stretch}
.article-body .video-feature .box-video>b{display:flex!important;align-items:center!important;justify-content:center!important;background:#111!important;color:#fff!important;padding:18px 15px!important;font:900 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.16em!important;border:0!important}
.article-body .video-feature .box-video>b:before{content:"▶";color:var(--lime);margin-right:8px}
.article-body .video-feature .box-video>div{padding:20px 22px!important;border:0!important;border-bottom:1.5px solid #111!important}
.article-body .video-feature .box-video p{margin:.15em 0!important}.article-body .video-feature .box-video p:first-child{font-size:19px!important;font-weight:950!important}.article-body .video-feature .box-video p:last-child{font-size:13px;color:#667078}
.article-body .video-feature .media-embed,.article-body .video-feature .article-embed{margin:0!important;border-radius:0!important;border:0!important}
.article-body .video-feature .youtube-embed{border-radius:0!important}

/* Archive / category layout: robust desktop grid, no narrow text columns. */
.archive-v619{max-width:1280px!important;padding-top:54px!important}.archive-hero-v619{min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:end!important;gap:40px!important;padding:26px 0 34px!important;border-bottom:1.5px solid #111!important}
.archive-kicker{display:block;margin-bottom:10px;font:850 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#68727a}
.archive-hero-v619 h1{margin:0 0 10px!important;font-size:clamp(48px,5vw,72px)!important;line-height:1!important;letter-spacing:-.055em!important}.archive-hero-v619 p{margin:0!important;max-width:720px!important;font-size:13px!important;color:#68727a!important}
.archive-hero-lines{display:flex;align-items:end;gap:8px;padding-bottom:8px}.archive-hero-lines i{display:block;height:8px;transform:skewX(-17deg)}.archive-hero-lines i:nth-child(1){width:100px;background:var(--cyan)}.archive-hero-lines i:nth-child(2){width:62px;background:var(--pink)}.archive-hero-lines i:nth-child(3){width:42px;background:var(--lime)}
.archive-search-v619{margin:34px 0 18px!important}.archive-search-v619 form{max-width:none!important}.archive-search-v619 form>label{font-size:11px!important}.archive-search-v619 .archive-search-row{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}.archive-search-v619 input{min-width:0!important}
.category-nav{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 32px;padding:0 0 22px;border-bottom:1px solid #cbd4dc}.category-nav a{padding:8px 12px;border:1px solid #cbd4dc;background:rgba(255,255,255,.55);font-size:11px;font-weight:850;transition:.18s ease}.category-nav a.active{border-color:#111;background:#111;color:#fff}@media (hover: hover) and (pointer: fine){.category-nav a:hover{border-color:#111;background:#111;color:#fff}}
.archive-list-v619{border-top:1.5px solid #111!important}.archive-row-v619{display:grid!important;grid-template-columns:minmax(0,1fr) 180px 26px!important;gap:24px!important;align-items:center!important;padding:27px 0!important;border-bottom:1px solid #cbd4dc!important;min-width:0!important}.archive-row-v619 .article-row-main{min-width:0!important}.archive-row-v619 .article-row-main h2{margin:8px 0 8px!important;font-size:clamp(22px,2vw,28px)!important;line-height:1.38!important;letter-spacing:-.035em!important;white-space:normal!important;word-break:normal!important;overflow-wrap:anywhere!important}.archive-row-v619 .article-row-main p{margin:0!important;max-width:820px;font-size:12px!important;line-height:1.7!important;color:#6a737b!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.archive-row-v619 .article-row-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:9px!important}.article-list-category{border:1px solid #bcc6ce;padding:3px 6px;color:#3d464d;background:#fff}.archive-row-v619 .article-row-thumb{display:block!important;width:180px!important;aspect-ratio:16/9!important;overflow:hidden!important;border:1px solid #111!important}.archive-row-v619 .article-row-thumb img{width:100%!important;height:100%!important;object-fit:cover!important}.article-row-go{display:block;width:13px;height:13px;border-top:1.5px solid #111;border-right:1.5px solid #111;transform:rotate(45deg);transition:.18s ease}@media (hover: hover) and (pointer: fine){.archive-row-v619:hover .article-row-go{transform:translateX(3px) rotate(45deg)}}
.category-hero{margin-top:16px}

/* Back to top: compact, tactile, and visually tied to the site accents. */
.back-to-top{position:fixed;right:22px;bottom:22px;z-index:80;width:54px;height:54px;border:1.5px solid #111;background:#fff;color:#111;display:grid;place-items:center;align-content:center;gap:3px;box-shadow:5px 5px 0 var(--cyan);opacity:0;visibility:hidden;transform:translateY(10px);transition:.22s cubic-bezier(.2,.8,.2,1);cursor:pointer}
.back-to-top.is-visible{opacity:1;visibility:visible;transform:none}.back-to-top{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.back-to-top span{width:12px;height:12px;border-left:1.5px solid currentColor;border-top:1.5px solid currentColor;transform:rotate(45deg) translate(2px,2px)}.back-to-top small{font:900 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}

/* Admin categories. */
.status.category{background:#e8f8fd;color:#17657b}.admin-category-create{padding:18px;border:1px solid #d8dee3;background:#fff;margin-bottom:18px}.admin-category-create form{display:grid;grid-template-columns:1.1fr 1fr 1.7fr 90px auto;gap:10px;align-items:end}.admin-category-create label,.admin-category-row label{display:grid;gap:5px;font-size:10px;font-weight:850;color:#68727a}.admin-category-create input,.admin-category-row input{width:100%;min-width:0;border:1px solid #ccd3d9;background:#fff;padding:9px 10px;font-size:12px;color:#111}.admin-category-list{display:grid;gap:9px}.admin-category-row{display:flex;align-items:stretch;gap:8px;padding:12px;border:1px solid #d8dee3;background:#fff}.admin-category-row>form:first-child{flex:1;display:grid;grid-template-columns:1.5fr 1.7fr 80px auto auto auto;gap:10px;align-items:end}.admin-category-row>form:first-child>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.category-count{align-self:center;font-size:10px;font-weight:850;color:#68727a;white-space:nowrap}.category-delete-form{display:flex;align-items:center}

/* Modern mobile navigation: identical signal bars, no arrows. */
@media(max-width:900px){
  .nav-home-mobile{display:flex!important}
  .editorial-topbar .topnav a{position:relative!important;padding:15px 0!important;border:0!important;border-bottom:1px solid #cbd4dc!important;background:transparent!important;color:#111!important;border-radius:0!important;font-size:25px!important;font-weight:950!important;line-height:1.15!important;opacity:1!important;transform:none!important}
  .editorial-topbar .topnav a:before{display:none!important}
  .editorial-topbar .topnav a:after{content:""!important;display:block!important;position:absolute!important;right:2px!important;top:50%!important;width:34px!important;height:8px!important;background:linear-gradient(to bottom,#111 0 4px,transparent 4px 6px,#111 6px 8px)!important;transform:translateY(-50%) skewX(-18deg)!important;border:0!important;opacity:1!important}
  .editorial-topbar .topnav a:nth-child(1):after{background:linear-gradient(to bottom,var(--cyan) 0 4px,transparent 4px 6px,#111 6px 8px)!important}.editorial-topbar .topnav a:nth-child(2):after{background:linear-gradient(to bottom,var(--lime) 0 4px,transparent 4px 6px,#111 6px 8px)!important}.editorial-topbar .topnav a:nth-child(3):after{background:linear-gradient(to bottom,var(--pink) 0 4px,transparent 4px 6px,#111 6px 8px)!important}.editorial-topbar .topnav a:nth-child(4):after{background:linear-gradient(to bottom,#111 0 4px,transparent 4px 6px,#8d969d 6px 8px)!important}
  .editorial-topbar .topnav .nav-contact{margin-top:10px!important;padding:17px 18px!important;background:#111!important;color:#fff!important;border:1px solid #111!important;box-shadow:5px 5px 0 var(--cyan)!important}
  .editorial-topbar .topnav .nav-contact:after{right:18px!important;width:34px!important;height:8px!important;background:linear-gradient(to bottom,#fff 0 4px,transparent 4px 6px,var(--cyan) 6px 8px)!important;box-shadow:none!important}

  .article-title-stage-v619{padding:20px 0 25px!important}.article-title-topline{margin-bottom:20px!important}.article-title-stage-v619 h1{font-size:clamp(34px,9.2vw,48px)!important;line-height:1.14!important;letter-spacing:-.052em!important;gap:.08em!important}.article-title-rules{margin-top:22px!important}.article-title-rules i{height:6px!important}.article-title-rules i:nth-child(1){width:92px}.article-title-rules i:nth-child(2){width:52px}.article-title-rules i:nth-child(3){width:34px}
  .article-channel-rail{grid-template-columns:1fr!important;gap:10px!important;padding:12px 0!important}.article-channel-rail p{font-size:11px!important}.article-channel-rail nav{width:100%;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.article-channel-rail nav a{justify-content:space-between!important;border:1px solid #cbd4dc!important;background:#fff!important;padding:9px!important}
  .article-reading-grid,.article-reading-grid.no-toc{display:block!important;margin-top:24px!important}.article-reading-grid>.article-body{width:100%!important}.article-toc{display:none!important;position:relative!important;top:auto!important;margin:0 0 32px!important;padding-bottom:12px!important}.article-toc.show-mobile-toc{display:block!important}.article-toc-label{padding:13px 0 10px!important}.article-toc-label b{font-size:19px!important}.article-toc nav{display:grid!important}.article-toc a{text-align:center!important;border-left:0!important;border-right:0!important;border-bottom:1px solid #e1e6ea!important;padding:9px 10px!important}.article-toc a:before{display:none!important}.article-toc a.is-active{border-left:0!important;border-right:0!important;background:linear-gradient(90deg,transparent,rgba(255,79,139,.09),transparent)!important}@media (hover: hover) and (pointer: fine){.article-toc a:hover{border-left:0!important;border-right:0!important;background:linear-gradient(90deg,transparent,rgba(255,79,139,.09),transparent)!important}}.article-toc a.toc-level-3{padding:8px 18px!important;font-size:10px!important}
  .article-body h2{font-size:25px!important;padding:14px 0 12px 19px!important}.article-body h2:before{top:15px;width:6px;height:26px}.article-body h3{font-size:20px!important}
  .article-body .video-feature{box-shadow:5px 5px 0 var(--lime)!important}.article-body .video-feature .box-video{grid-template-columns:1fr!important}.article-body .video-feature .box-video>b{justify-content:flex-start!important;padding:12px 15px!important}.article-body .video-feature .box-video>div{padding:16px!important}.article-body .video-feature .box-video p:first-child{font-size:17px!important}

  .archive-v619{padding:28px 18px 10px!important}.archive-hero-v619{display:block!important;padding:18px 0 24px!important}.archive-hero-v619 h1{font-size:46px!important}.archive-hero-v619 p{font-size:11.5px!important;line-height:1.7!important}.archive-hero-lines{margin-top:18px!important}.archive-search-v619{margin:24px 0 14px!important}.category-nav{overflow-x:auto;flex-wrap:nowrap!important;margin-bottom:20px!important;padding-bottom:14px!important;scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-nav a{white-space:nowrap!important;flex:0 0 auto!important}
  .archive-row-v619{display:block!important;padding:20px 0!important}.archive-row-v619 .article-row-thumb,.archive-row-v619 .article-row-go{display:none!important}.archive-row-v619 .article-row-main h2{font-size:21px!important;line-height:1.42!important;margin:7px 0 7px!important;overflow-wrap:anywhere!important}.archive-row-v619 .article-row-main p{font-size:11px!important;line-height:1.7!important;-webkit-line-clamp:2!important}.archive-row-v619 .article-row-meta{font-size:8.5px!important}
  .back-to-top{right:15px;bottom:15px;width:47px;height:47px;box-shadow:4px 4px 0 var(--cyan)}
}

@media(max-width:700px){.admin-category-create form,.admin-category-row>form:first-child{grid-template-columns:1fr!important}.admin-category-row{display:grid!important}.admin-category-row>form:first-child>div{grid-template-columns:1fr!important}.category-delete-form{justify-content:flex-end}}
@media(max-width:360px){.article-title-stage-v619 h1{font-size:32px!important}.editorial-topbar .topnav a{font-size:22px!important}}
.editor-side select{width:100%;border:1px solid #dddbe2;border-radius:9px;padding:9px 10px;outline:0;font-size:10px;font-weight:500;color:var(--ink);background:#fff}.editor-side select:focus{border-color:#111}

/* ======================================================================
   v6.20 — article hierarchy / social sharing / restored heading language
   Editorial references favor a strict underlying grid, restrained chrome,
   and small interaction details rather than extra card-like containers.
   ====================================================================== */

/* Breadcrumbs belong to the title, so the reader sees title first, hierarchy second. */
.article-breadcrumbs{margin:18px 0 0!important;padding:0 0 15px!important;border-top:0!important;border-bottom:1px solid #cbd4dc!important;max-width:1240px!important;font-size:9px!important}
.article-breadcrumbs a{color:#68727a;transition:color .16s ease}@media (hover: hover) and (pointer: fine){.article-breadcrumbs a:hover{color:#111}}

/* Share controls: compact editorial tools, not oversized social badges. */
.article-sharebar{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:1240px;margin:14px 0 0;padding:0 0 15px;border-bottom:1px solid #cbd4dc}
.share-label{font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#68727a}
.share-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.share-btn{appearance:none;position:relative;display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 11px;border:1px solid #aeb9c1;background:rgba(255,255,255,.72);color:#111;text-decoration:none!important;cursor:pointer;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease}
.share-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#111}.share-btn span{font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em}.share-btn small{font-size:8px;font-weight:800;color:#7b858d;letter-spacing:.05em}@media (hover: hover) and (pointer: fine){.share-btn:hover{transform:translateY(-2px);border-color:#111;background:#fff}}.share-x:before{background:#111}.share-line:before{background:var(--lime)}.share-copy:before{background:var(--cyan)}.share-native:before{background:var(--pink)}.share-btn.is-copied{background:#111;color:#fff;border-color:#111}.share-btn.is-copied small{color:#fff}

/* Put the publishing channels where authorship belongs: inside the author profile. */
.author-profile-card{grid-template-columns:72px minmax(0,1fr) auto!important}
.author-socials{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:15px;padding-top:12px;border-top:1px solid #d8dfe4}
.author-socials>span{margin-right:3px;font:850 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.14em;color:#7a858d}
.author-socials a{position:relative;display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #bcc6ce;background:#fff;color:#111!important;text-decoration:none!important;font-size:10px;font-weight:900;transition:.16s ease}
.author-socials a:after{content:"";position:absolute;left:8px;right:8px;bottom:-1px;height:3px;transform:skewX(-18deg)}.author-social-x:after{background:#111}.author-social-youtube:after{background:#ff315c}.author-social-note:after{background:#43cdb9}@media (hover: hover) and (pointer: fine){.author-socials a:hover{background:#111;color:#fff!important;border-color:#111;transform:translateY(-1px)}}

/* Restore the v6.18 heading system: horizontal editorial rhythm for H2,
   compact cyan/pink signal for H3. */
.editorial-article-page .article-body h2{position:relative!important;margin:3.1em 0 1.05em!important;padding:22px 0 16px!important;border:0!important;border-top:1px solid #111!important;border-bottom:1px solid #cbd4dc!important;font-size:32px!important;line-height:1.35!important;letter-spacing:-.04em!important}
.editorial-article-page .article-body h2:before{content:""!important;position:absolute!important;left:0!important;top:-4px!important;width:64px!important;height:7px!important;background:var(--lime)!important;border:1px solid #111!important;transform:none!important}
.editorial-article-page .article-body h2:after{display:none!important}
.editorial-article-page .article-body h3{position:relative!important;margin:2.35em 0 .9em!important;padding:2px 0 7px 23px!important;border:0!important;font-size:23px!important;line-height:1.45!important;letter-spacing:-.03em!important}
.editorial-article-page .article-body h3:before{content:""!important;position:absolute!important;left:0!important;top:.42em!important;width:10px!important;height:10px!important;background:var(--cyan)!important;border:1px solid #111!important;box-shadow:4px 4px 0 var(--pink)!important;transform:none!important}
.rich-editor.article-body h2{position:relative!important;margin:2.7em 0 1em!important;padding:20px 0 14px!important;border:0!important;border-top:1px solid #111!important;border-bottom:1px solid #cbd4dc!important;font-size:29px!important;line-height:1.4!important;letter-spacing:-.04em!important}
.rich-editor.article-body h2:before{content:""!important;position:absolute!important;left:0!important;top:-4px!important;width:60px!important;height:7px!important;background:var(--lime)!important;border:1px solid #111!important;transform:none!important}.rich-editor.article-body h2:after{display:none!important}
.rich-editor.article-body h3{position:relative!important;margin:2.1em 0 .8em!important;padding:2px 0 7px 22px!important;border:0!important;font-size:21px!important;line-height:1.45!important;letter-spacing:-.03em!important}.rich-editor.article-body h3:before{content:""!important;position:absolute!important;left:0!important;top:.42em!important;width:10px!important;height:10px!important;background:var(--cyan)!important;border:1px solid #111!important;box-shadow:4px 4px 0 var(--pink)!important;transform:none!important}

/* Articles -> category -> article is visible in the UI, not only in schema. */
.category-directory{margin:34px 0 46px;padding:0 0 38px;border-bottom:1px solid #cbd4dc}
.category-directory-head{display:grid;grid-template-columns:140px minmax(0,1fr);column-gap:24px;align-items:end;margin-bottom:18px}.category-directory-head>span{grid-row:1/3;font:900 9px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;color:#78828a;padding-top:7px}.category-directory-head h2{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.04em}.category-directory-head p{margin:6px 0 0;font-size:11px;color:#6a747c}
.category-directory-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1.5px solid #111}
.category-directory-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:16px;align-items:center;min-height:116px;padding:20px 16px;border-bottom:1px solid #cbd4dc;color:#111;text-decoration:none!important;transition:padding .18s ease,background .18s ease}.category-directory-card:nth-child(odd){border-right:1px solid #cbd4dc}.category-directory-card div{min-width:0}.category-directory-card b{display:block;margin-bottom:6px;font-size:19px;letter-spacing:-.035em}.category-directory-card span{display:block;font-size:10.5px;line-height:1.65;color:#6b757d;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.category-directory-card small{font:850 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;color:#8a949c;white-space:nowrap}.category-directory-card i{width:10px;height:10px;border-top:1.5px solid #111;border-right:1.5px solid #111;transform:rotate(45deg)}@media (hover: hover) and (pointer: fine){.category-directory-card:hover{background:rgba(216,255,62,.18);padding-left:22px}}@media (hover: hover) and (pointer: fine){.category-directory-card:hover i{transform:translateX(2px) rotate(45deg)}}
.all-articles-section{margin-top:0}.archive-list-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 15px}.archive-list-heading span{font:850 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#7c858d}.archive-list-heading h2{margin:0;font-size:27px;letter-spacing:-.04em}

@media(max-width:900px){
  .article-breadcrumbs{margin-top:14px!important;padding-bottom:12px!important;overflow:auto!important;scrollbar-width:none}.article-breadcrumbs::-webkit-scrollbar{display:none}
  .article-sharebar{align-items:flex-start;flex-direction:column;gap:9px;margin-top:12px;padding-bottom:13px}.share-actions{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.share-btn{justify-content:center;min-width:0;padding:0 7px}.share-btn small{display:none}.share-native:not([hidden]){display:inline-flex}.share-actions:has(.share-native:not([hidden])){grid-template-columns:repeat(4,minmax(0,1fr))}
  .author-profile-card{grid-template-columns:58px minmax(0,1fr)!important}.author-socials{grid-column:auto}.author-profile-card>a{grid-column:1/-1!important;width:100%}
  .editorial-article-page .article-body h2{font-size:25px!important;margin-top:2.7em!important;padding:19px 0 13px!important}.editorial-article-page .article-body h2:before{width:54px!important;height:6px!important}.editorial-article-page .article-body h3{font-size:20px!important;padding-left:21px!important}
  .category-directory{margin:26px 0 34px;padding-bottom:28px}.category-directory-head{grid-template-columns:1fr;gap:5px}.category-directory-head>span{grid-row:auto}.category-directory-head h2{font-size:25px}.category-directory-grid{grid-template-columns:1fr}.category-directory-card:nth-child(odd){border-right:0}.category-directory-card{min-height:94px;padding:16px 4px;grid-template-columns:minmax(0,1fr) auto 14px}.category-directory-card b{font-size:17px}.category-directory-card span{font-size:10px}@media (hover: hover) and (pointer: fine){.category-directory-card:hover{padding-left:4px}}.archive-list-heading h2{font-size:24px}
}
@media(max-width:420px){.share-actions{grid-template-columns:repeat(3,1fr)}.share-native{display:none!important}.author-socials{gap:5px}.author-socials a{font-size:9px;padding:0 7px}.category-directory-card small{display:none}}

/* ===== v6.21 Editorial article refinements ===== */
/* Homepage art swap: explicit JS class keeps desktop hover reliable even after deferred image loading. */
@media(hover:hover) and (pointer:fine){
  .hero-character-wrap.hover-ready.is-hovered:before{opacity:1!important;transform:scale(1)!important}
  .hero-character-wrap.hover-ready.is-hovered:after{opacity:1!important;animation:heroShineV619 .75s cubic-bezier(.16,1,.3,1) both!important}
  .hero-character-wrap.hover-ready.is-hovered .hero-character-base{opacity:0!important;transform:scale(1.018)!important}
  .hero-character-wrap.hover-ready.is-hovered .hero-character-hover{opacity:1!important;transform:scale(1) translateY(0)!important;filter:drop-shadow(0 0 16px rgba(66,215,255,.35)) drop-shadow(0 20px 24px rgba(0,0,0,.10))!important}
}

.article-page-v621{max-width:1180px!important;margin:0 auto!important;padding-left:30px!important;padding-right:30px!important}
.article-header-v621,.article-reading-grid-v621,.article-end-v621{width:100%;max-width:1120px!important;margin-left:auto!important;margin-right:auto!important}
.article-page-v621 .article-header-v621{max-width:1120px!important;width:100%!important;margin-left:auto!important;margin-right:auto!important}
.article-header-v621{padding:42px 0 0!important;margin-bottom:0!important}
.article-title-stage-v621{position:relative!important;padding:0 0 24px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
.article-title-stage-v621:before{display:none!important}
.article-title-stage-v621 h1{display:grid!important;gap:.08em!important;margin:0!important;max-width:1080px!important;font-size:clamp(44px,4.1vw,56px)!important;line-height:1.08!important;letter-spacing:-.06em!important;text-wrap:balance!important}
.article-title-stage-v621 h1>span{display:block!important;white-space:normal!important;overflow-wrap:normal!important;word-break:keep-all!important}
@media(min-width:901px){.article-title-stage-v621 h1>span{white-space:nowrap!important}}
.article-title-stage-v621 .article-title-rules{display:flex!important;gap:9px!important;align-items:center!important;margin:28px 0 21px!important}
.article-title-stage-v621 .article-title-rules i{display:block!important;height:8px!important;transform:skewX(-18deg)!important;border:0!important}
.article-title-stage-v621 .article-title-rules i:nth-child(1){width:132px!important;background:var(--cyan)!important}.article-title-stage-v621 .article-title-rules i:nth-child(2){width:78px!important;background:var(--pink)!important}.article-title-stage-v621 .article-title-rules i:nth-child(3){width:48px!important;background:var(--lime)!important}
.article-title-meta-v621{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:15px;border-top:1px solid #c5cfd6}
.article-date-stamps{display:flex;align-items:stretch;gap:22px;flex-wrap:wrap}.article-date-stamps>span{display:grid;grid-template-columns:auto auto;grid-template-areas:"k k" "b t";gap:2px 8px;align-items:baseline}.article-date-stamps small{grid-area:k;font:850 7px/1.1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#8b959d}.article-date-stamps b{grid-area:b;font-size:10px;line-height:1;color:#111}.article-date-stamps time{grid-area:t;font:850 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;color:#606b73}
.article-title-meta-v621 .article-category-badge{align-self:center;display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border:1px solid #111;background:#fff;font-size:10px;font-weight:900;box-shadow:4px 4px 0 var(--lime);white-space:nowrap}

.article-channel-rail{max-width:none!important;margin:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:28px!important;align-items:center!important;padding:17px 0!important;border-top:1px solid #111!important;border-bottom:1px solid #c8d1d8!important;background:linear-gradient(90deg,rgba(66,215,255,.055),transparent 34%,rgba(255,79,139,.035))!important}
.article-channel-rail-top{margin-top:10px!important}.article-channel-rail-bottom{margin:72px 0 30px!important}
.article-channel-rail .channel-copy{display:grid;grid-template-columns:110px minmax(0,1fr);gap:18px;align-items:center;min-width:0}.article-channel-rail .channel-copy>span{font:900 8px/1.15 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:#6f7a82}.article-channel-rail .channel-copy p{display:flex;flex-wrap:wrap;gap:5px 14px;margin:0!important;min-width:0}.article-channel-rail .channel-copy b{font-size:12px;color:#111}.article-channel-rail .channel-copy em{font-style:normal;font-size:11px;color:#69747c}
.article-channel-rail nav{display:flex!important;gap:6px!important}.article-channel-rail nav a{position:relative;display:inline-flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;min-width:88px!important;height:38px!important;padding:0 10px!important;border:1px solid #111!important;background:#fff!important;font-size:10px!important;font-weight:950!important;text-decoration:none!important;transition:transform .18s ease,box-shadow .18s ease!important}.article-channel-rail nav a i{display:block!important;width:18px!important;height:5px!important;transform:skewX(-20deg)!important;background:#111!important}.article-channel-rail .channel-x i{background:#111!important}.article-channel-rail .channel-youtube i{background:#ff0033!important}.article-channel-rail .channel-note i{background:#41c9b4!important}@media (hover: hover) and (pointer: fine){.article-channel-rail nav a:hover{transform:translateY(-2px)!important;box-shadow:3px 3px 0 var(--cyan)!important}}

.article-breadcrumbs-v621{display:flex!important;align-items:center!important;gap:8px!important;margin:0!important;padding:12px 0!important;border:0!important;border-bottom:1px solid #cbd4dc!important;font-size:9px!important;color:#77828a!important;white-space:nowrap!important;overflow-x:auto!important;scrollbar-width:none}.article-breadcrumbs-v621::-webkit-scrollbar{display:none}.article-breadcrumbs-v621 a{color:#4d5860!important;font-weight:750!important}.article-breadcrumbs-v621>span{color:#b3bbc1!important}
.article-sharebar-v621{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;margin:0!important;padding:13px 0 15px!important;border-bottom:1px solid #cbd4dc!important}.article-sharebar-v621 .share-actions{display:flex!important;grid-template-columns:none!important;gap:6px!important}.article-sharebar-v621 .share-btn{min-width:92px!important;height:37px!important}

.article-reading-grid-v621{display:grid!important;grid-template-columns:minmax(0,800px) 250px!important;justify-content:center!important;gap:60px!important;align-items:start!important;margin-top:44px!important}.article-reading-grid-v621.no-toc{grid-template-columns:minmax(0,800px)!important}.article-reading-grid-v621>.article-body{grid-column:1!important;min-width:0!important}.article-reading-grid-v621>.article-toc{grid-column:2!important;min-width:0!important}
.article-toc-v621{position:sticky!important;top:96px!important;margin:0!important;padding:0 0 14px!important;border-top:0!important;border-bottom:1px solid #cbd4dc!important;text-align:left!important}.article-toc-v621 .article-toc-label{display:grid!important;justify-items:center!important;gap:5px!important;padding:0 8px 14px!important;text-align:center!important}.article-toc-v621 .article-toc-label:before{content:"";width:62px;height:6px;background:var(--pink);transform:skewX(-18deg);margin-bottom:8px}.article-toc-v621 .article-toc-label span{font:850 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#7b858e}.article-toc-v621 .article-toc-label b{font-size:20px;line-height:1.1}.article-toc-v621 nav{display:grid!important;counter-reset:none!important}.article-toc-v621 a{position:relative!important;padding:9px 9px 9px 13px!important;border:0!important;border-left:2px solid transparent!important;font-size:11px!important;line-height:1.55!important;color:#68727a!important;background:transparent!important;text-align:left!important;transition:.18s ease!important}.article-toc-v621 a:before{display:none!important;content:none!important}.article-toc-v621 a.is-active{color:#111!important;border-left-color:var(--pink)!important;background:linear-gradient(90deg,rgba(255,79,139,.085),transparent 78%)!important}@media (hover: hover) and (pointer: fine){.article-toc-v621 a:hover{color:#111!important;border-left-color:var(--pink)!important;background:linear-gradient(90deg,rgba(255,79,139,.085),transparent 78%)!important}}.article-toc-v621 a.toc-level-3{padding-left:24px!important;font-size:10px!important}

/* Stronger editorial headings: readable first, decorative second. */
.article-page-v621 .article-body h2{position:relative!important;margin:3.2em 0 1.05em!important;padding:18px 0 14px 22px!important;border:0!important;border-top:1.5px solid #111!important;border-bottom:1px solid #cbd4dc!important;font-size:31px!important;line-height:1.38!important;letter-spacing:-.04em!important}.article-page-v621 .article-body h2:before{content:""!important;position:absolute!important;left:0!important;top:20px!important;width:7px!important;height:28px!important;background:linear-gradient(var(--cyan) 0 42%,var(--pink) 42% 72%,var(--lime) 72%)!important;transform:skewY(-12deg)!important}.article-page-v621 .article-body h2:after{display:none!important}.article-page-v621 .article-body h3{position:relative!important;margin:2.25em 0 .8em!important;padding:0 0 7px 23px!important;border:0!important;font-size:22px!important;line-height:1.48!important;letter-spacing:-.025em!important}.article-page-v621 .article-body h3:before{content:""!important;position:absolute!important;left:0!important;top:.4em!important;width:10px!important;height:10px!important;background:var(--cyan)!important;border:1px solid #111!important;box-shadow:4px 4px 0 var(--pink)!important;transform:none!important}

/* Video guide = one continuous module, not a callout plus a disconnected video. */
.article-page-v621 .article-body .video-feature{position:relative!important;margin:2.7em 0!important;border:1.5px solid #111!important;background:#fff!important;box-shadow:7px 7px 0 var(--cyan)!important;overflow:hidden!important}.article-page-v621 .article-body .video-feature:before{content:"";display:none;position:absolute;right:16px;top:12px;z-index:4;font:950 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:var(--lime)}.article-page-v621 .article-body .video-feature .box-video{margin:0!important;display:grid!important;grid-template-columns:126px minmax(0,1fr)!important;min-height:108px!important;border:0!important;box-shadow:none!important;background:#fff!important}.article-page-v621 .article-body .video-feature .box-video>b{display:flex!important;align-items:center!important;justify-content:center!important;padding:18px 12px!important;background:#111!important;color:#fff!important;border:0!important;font:900 9px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.16em!important;text-align:center!important}.article-page-v621 .article-body .video-feature .box-video>b:before{content:"▶"!important;color:var(--lime)!important;margin-right:7px!important}.article-page-v621 .article-body .video-feature .box-video>div{display:grid!important;align-content:center!important;padding:18px 58px 18px 20px!important;border:0!important}.article-page-v621 .article-body .video-feature .box-video p{margin:.12em 0!important}.article-page-v621 .article-body .video-feature .box-video p:first-child{font-size:20px!important;font-weight:950!important;letter-spacing:-.025em!important}.article-page-v621 .article-body .video-feature .box-video p:last-child{font-size:12px!important;color:#69737b!important}.article-page-v621 .article-body .video-feature .media-embed{margin:0!important;border:0!important;border-top:1.5px solid #111!important;border-radius:0!important}.article-page-v621 .article-body .video-feature .youtube-embed{border-radius:0!important}.article-page-v621 .article-body .video-feature .youtube-embed:after{content:"";position:absolute;right:0;top:0;width:8px;height:54px;background:var(--pink);z-index:2}

.article-end-v621{padding-top:0!important}.article-end-v621 .author-profile-card{margin-top:0!important}

/* Archive resilience: never let Japanese headlines collapse into one-character columns. */
.archive-row-v619,.archive-row-v619 .article-row-main{min-width:0!important;width:100%!important}.archive-row-v619 .article-row-main h2{writing-mode:horizontal-tb!important;word-break:normal!important;overflow-wrap:break-word!important;max-width:100%!important}

/* Mobile menu: same geometry for every signal, only the accent color changes. */
@media(max-width:900px){
  .editorial-topbar .topnav a::after,.editorial-topbar .topnav .nav-contact::after{width:42px!important;height:10px!important;flex:0 0 42px!important;margin-left:auto!important;background:linear-gradient(to bottom,var(--menu-accent,var(--cyan)) 0 4px,transparent 4px 7px,#111 7px 9px,transparent 9px)!important;transform:skewX(-22deg)!important}
  .editorial-topbar .topnav .nav-home-mobile{--menu-accent:var(--cyan)}.editorial-topbar .topnav a[href$="/articles"]{--menu-accent:var(--lime)}.editorial-topbar .topnav a[href*="#sns"]{--menu-accent:var(--pink)}.editorial-topbar .topnav a[href$="/ask"]{--menu-accent:#111}.editorial-topbar .topnav .nav-contact{--menu-accent:var(--cyan)}.editorial-topbar .topnav .nav-contact::after{background:linear-gradient(to bottom,var(--cyan) 0 4px,transparent 4px 7px,#fff 7px 9px,transparent 9px)!important}
}

@media(max-width:900px){
  .article-page-v621{padding-left:18px!important;padding-right:18px!important}.article-header-v621{padding-top:28px!important}.article-title-stage-v621{padding-bottom:20px!important}.article-title-stage-v621 h1{font-size:clamp(34px,9.5vw,50px)!important;line-height:1.12!important;letter-spacing:-.052em!important;gap:.08em!important}.article-title-stage-v621 .article-title-rules{margin:21px 0 17px!important}.article-title-stage-v621 .article-title-rules i{height:6px!important}.article-title-stage-v621 .article-title-rules i:nth-child(1){width:94px!important}.article-title-stage-v621 .article-title-rules i:nth-child(2){width:55px!important}.article-title-stage-v621 .article-title-rules i:nth-child(3){width:34px!important}.article-title-meta-v621{align-items:flex-start!important;gap:12px!important}.article-date-stamps{gap:12px!important}.article-date-stamps small{font-size:6.5px!important}.article-date-stamps b{font-size:9px!important}.article-date-stamps time{font-size:9.5px!important}.article-title-meta-v621 .article-category-badge{min-height:31px!important;padding:0 9px!important;font-size:9px!important;box-shadow:3px 3px 0 var(--lime)!important}
  .article-channel-rail{grid-template-columns:1fr!important;gap:11px!important;padding:13px 0!important}.article-channel-rail .channel-copy{grid-template-columns:1fr!important;gap:5px!important}.article-channel-rail .channel-copy p{gap:3px 10px!important}.article-channel-rail .channel-copy b{font-size:11px!important}.article-channel-rail .channel-copy em{font-size:10px!important}.article-channel-rail nav{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important}.article-channel-rail nav a{min-width:0!important;width:100%!important;height:36px!important}.article-channel-rail-bottom{margin:50px 0 24px!important}
  .article-breadcrumbs-v621{font-size:8.5px!important;padding:10px 0!important}.article-sharebar-v621{align-items:flex-start!important;flex-direction:column!important;gap:8px!important}.article-sharebar-v621 .share-actions{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:100%!important}.article-sharebar-v621 .share-btn{min-width:0!important;width:100%!important}
  .article-reading-grid-v621,.article-reading-grid-v621.no-toc{display:flex!important;flex-direction:column!important;gap:0!important;margin-top:28px!important}.article-reading-grid-v621>.article-body{order:1!important;width:100%!important}.article-toc-v621{display:none!important;order:0!important;position:relative!important;top:auto!important;width:100%!important;margin:0 0 30px!important;padding-bottom:10px!important}.article-toc-v621.show-mobile-toc{display:block!important}.article-toc-v621 .article-toc-label{padding-bottom:9px!important}.article-toc-v621 nav{display:grid!important}.article-toc-v621 a{text-align:center!important;border-left:0!important;border-bottom:1px solid #e1e6ea!important;padding:9px 10px!important}.article-toc-v621 a.is-active{border-left:0!important;background:linear-gradient(90deg,transparent,rgba(255,79,139,.09),transparent)!important}@media (hover: hover) and (pointer: fine){.article-toc-v621 a:hover{border-left:0!important;background:linear-gradient(90deg,transparent,rgba(255,79,139,.09),transparent)!important}}.article-page-v621 .article-body h2{font-size:25px!important;padding:15px 0 12px 19px!important}.article-page-v621 .article-body h2:before{top:16px!important;width:6px!important;height:25px!important}.article-page-v621 .article-body h3{font-size:20px!important;padding-left:21px!important}
  .article-page-v621 .article-body .video-feature{box-shadow:5px 5px 0 var(--cyan)!important}.article-page-v621 .article-body .video-feature .box-video{grid-template-columns:1fr!important}.article-page-v621 .article-body .video-feature .box-video>b{justify-content:flex-start!important;padding:11px 14px!important}.article-page-v621 .article-body .video-feature .box-video>div{padding:15px 14px!important}.article-page-v621 .article-body .video-feature:before{top:13px!important;right:13px!important}.article-page-v621 .article-body .video-feature .box-video p:first-child{font-size:17px!important}.article-page-v621 .article-body .video-feature .box-video p:last-child{font-size:11px!important}
  .archive-row-v619{display:block!important;width:100%!important;padding:19px 0!important}.archive-row-v619 .article-row-main{display:block!important;width:100%!important}.archive-row-v619 .article-row-thumb,.archive-row-v619 .article-row-go{display:none!important}.archive-row-v619 .article-row-main h2{display:block!important;width:100%!important;font-size:21px!important;line-height:1.42!important;letter-spacing:-.03em!important;margin:7px 0!important;white-space:normal!important;word-break:normal!important;overflow-wrap:break-word!important}.archive-row-v619 .article-row-main p{font-size:11px!important;line-height:1.7!important;-webkit-line-clamp:2!important}
}
@media(max-width:360px){.article-title-stage-v621 h1{font-size:32px!important}.article-date-stamps{gap:9px!important}.article-title-meta-v621{flex-direction:column!important}.article-title-meta-v621 .article-category-badge{align-self:flex-start!important}}

/* =========================================================
   v6.22 — share / author / reliable anchor navigation
   ========================================================= */
html{scroll-padding-top:92px}
#sns,#contact,.article-body h2[id],.article-body h3[id]{scroll-margin-top:96px}
#sns:target,#contact:target{content-visibility:visible!important}

/* Editorial share strip: soft surfaces, clear platform color, no heavy boxes. */
.article-sharebar-v622{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:24px!important;margin:0!important;padding:18px 0 20px!important;border-top:1px solid #d5dde3!important;border-bottom:1px solid #d5dde3!important}
.article-sharebar-v622 .share-heading{display:grid;gap:3px;min-width:140px}
.article-sharebar-v622 .share-heading>span{font:850 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.2em;color:#8a949c}
.article-sharebar-v622 .share-heading>b{font-size:14px;line-height:1.25;letter-spacing:-.02em}
.article-sharebar-v622 .share-actions{display:flex!important;align-items:center!important;gap:8px!important}
.article-sharebar-v622 .share-btn{position:relative!important;display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;min-width:124px!important;height:42px!important;padding:0 14px 0 8px!important;border:0!important;border-radius:999px!important;background:#e9eef2!important;color:#111!important;box-shadow:none!important;overflow:hidden!important;cursor:pointer!important;transition:transform .2s ease,background .2s ease,color .2s ease!important;text-decoration:none!important}
.article-sharebar-v622 .share-btn i{display:grid;width:28px;height:28px;place-items:center;flex:0 0 28px;border-radius:50%;font:900 11px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#111;color:#fff;font-style:normal}
.article-sharebar-v622 .share-btn span{font-size:10px!important;font-weight:900!important;white-space:nowrap}
.article-sharebar-v622 .share-btn small{display:none!important}
.article-sharebar-v622 .share-line i{background:#06c755;color:#fff}
.article-sharebar-v622 .share-copy i{background:var(--cyan);color:#111}
.article-sharebar-v622 .share-btn:after{content:"";position:absolute;left:44px;right:16px;bottom:7px;height:2px;transform:scaleX(0);transform-origin:left;transition:transform .24s ease;background:#111}
.article-sharebar-v622 .share-line:after{background:#06c755}.article-sharebar-v622 .share-copy:after{background:#26cbed}
@media (hover: hover) and (pointer: fine){.article-sharebar-v622 .share-btn:hover{transform:translateY(-2px);background:#fff}}@media (hover: hover) and (pointer: fine){.article-sharebar-v622 .share-btn:hover:after{transform:scaleX(1)}}
.article-sharebar-v622 .share-copy.is-copied{background:#dff9f1!important}.article-sharebar-v622 .share-copy.is-copied i{background:#17b47a!important;color:#fff!important}

/* Put social destinations inside the author profile without boxed buttons. */
.author-profile-card-v622{grid-template-columns:72px minmax(0,1fr) auto!important;gap:18px!important;align-items:start!important;padding:24px 26px!important}
.author-profile-card-v622>.author-profile-copy{display:block!important;min-width:0}
.author-profile-card-v622>.author-profile-copy>span{display:block;font-size:8px;letter-spacing:.15em;font-weight:900;color:#8a949c;margin-bottom:3px}
.author-profile-card-v622>.author-profile-copy>b{display:block;font-size:17px;line-height:1.3;margin-bottom:6px}
.author-profile-card-v622>.author-profile-copy>p{font-size:11px!important;line-height:1.85!important;color:#68727a!important;margin:0!important;max-width:760px}
.author-socials-v622{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:13px;border-top:1px solid #d7dfe5}
.author-socials-v622>span{font:850 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#8a949c;margin-right:2px}
.author-socials-v622 a{position:relative;display:inline-flex!important;align-items:baseline;gap:5px;padding:2px 0 7px!important;border:0!important;background:transparent!important;color:#111!important;box-shadow:none!important;text-decoration:none!important;line-height:1!important;transition:transform .18s ease,opacity .18s ease!important}
.author-socials-v622 a b{font-size:11px;font-weight:950}.author-socials-v622 a small{font-size:8px;color:#7d878e;font-weight:700}
.author-socials-v622 a:after{content:"";position:absolute;left:0;right:0;bottom:1px;height:3px;transform:skewX(-20deg);transition:transform .18s ease}
.author-socials-v622 .author-social-x:after{background:#111}.author-socials-v622 .author-social-youtube:after{background:#ff315c}.author-socials-v622 .author-social-note:after{background:#43cdb9}
@media (hover: hover) and (pointer: fine){.author-socials-v622 a:hover{transform:translateY(-2px)}}@media (hover: hover) and (pointer: fine){.author-socials-v622 a:hover:after{transform:skewX(-20deg) scaleX(.72);transform-origin:left}}
.author-profile-card-v622 .author-profile-link{align-self:center!important;display:inline-flex!important;align-items:center;gap:7px;padding:7px 0!important;border:0!important;background:transparent!important;color:#111!important;font-size:10px!important;font-weight:900!important;white-space:nowrap;text-decoration:none!important}
.author-profile-card-v622 .author-profile-link span{display:inline-block;transition:transform .2s ease}@media (hover: hover) and (pointer: fine){.author-profile-card-v622 .author-profile-link:hover span{transform:translate(2px,-2px)}}

@media(max-width:900px){
  html{scroll-padding-top:76px}
  #sns,#contact,.article-body h2[id],.article-body h3[id]{scroll-margin-top:78px}
  .article-sharebar-v622{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;padding:15px 0 17px!important}
  .article-sharebar-v622 .share-heading{display:flex;align-items:baseline;gap:10px;min-width:0}
  .article-sharebar-v622 .share-actions{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;gap:7px!important}
  .article-sharebar-v622 .share-btn{min-width:0!important;width:100%!important;height:40px!important;padding:0 8px!important;justify-content:center!important}
  .article-sharebar-v622 .share-btn i{width:26px;height:26px;flex-basis:26px}
  .article-sharebar-v622 .share-btn span{font-size:9px!important}
  .article-sharebar-v622 .share-btn:after{display:none}
  .author-profile-card-v622{grid-template-columns:58px minmax(0,1fr)!important;padding:20px!important;gap:14px!important}
  .author-profile-card-v622>img{width:58px!important;height:58px!important}
  .author-profile-card-v622 .author-profile-link{grid-column:2!important;justify-self:start!important;margin-top:0!important}
  .author-socials-v622{gap:11px;margin-top:13px;padding-top:11px}
  .author-socials-v622>span{width:100%;margin-bottom:1px}
}
@media(max-width:430px){
  .article-sharebar-v622 .share-btn span{font-size:8.5px!important}
  .article-sharebar-v622 .share-btn i{width:24px;height:24px;flex-basis:24px;font-size:9px}
  .author-profile-card-v622{grid-template-columns:48px minmax(0,1fr)!important;padding:17px 16px!important}
  .author-profile-card-v622>img{width:48px!important;height:48px!important}
  .author-socials-v622{gap:10px 13px}
  .author-socials-v622 a small{display:none}
}

/* v6.23: decorative English cleanup + footer brand mark */
.footer-brand-unit{display:flex;align-items:center;gap:10px;min-width:0}.footer-brand-mark{position:relative;display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px}.footer-brand-mark:before{content:"";position:absolute;inset:3px -3px -3px 3px;background:linear-gradient(135deg,var(--cyan) 0 48%,var(--pink) 48% 72%,var(--lime) 72%);transform:skewX(-8deg);z-index:0}.footer-brand-mark picture,.footer-brand-mark img{position:relative;z-index:1;display:block;width:30px;height:30px;border-radius:50%}.editorial-footer>.footer-brand-unit{display:flex;align-items:center;gap:10px}.editorial-footer>.footer-brand-unit b{font-size:14px;white-space:nowrap}.article-title-meta-v621 .article-date-stamps span{display:flex;align-items:baseline;gap:7px}.article-title-meta-v621 .article-date-stamps b{font-size:11px;letter-spacing:.04em;color:#394149}.article-title-meta-v621 .article-date-stamps time{font-size:11px}.share-heading{display:block}.share-heading>b{font-size:13px;letter-spacing:.02em}.article-toc-label{grid-template-columns:1fr!important}.article-toc-label b{margin:0 auto}.archive-list-heading{display:block}.archive-list-heading h2{margin-top:0}.archive-hero>div:first-child:not(.archive-hero-lines){align-self:end}.category-directory-card small{font-family:inherit!important;letter-spacing:.02em!important}.author-socials-v622>span{font-family:inherit!important;letter-spacing:.04em!important}.editor-description-kicker{font-family:inherit!important;letter-spacing:.04em!important}.box-video>b{font-family:inherit!important;letter-spacing:.05em!important}.hero-meta-line{display:none!important}@media(max-width:600px){.footer-brand-mark{width:30px;height:30px;flex-basis:30px}.footer-brand-mark img{width:26px;height:26px}.article-title-meta-v621 .article-date-stamps span{gap:6px}.article-title-meta-v621 .article-date-stamps b,.article-title-meta-v621 .article-date-stamps time{font-size:10px}}

/* v6.23.1: remove remaining decorative English */
.article-page-v621 .article-body .video-feature:before{content:""!important;display:none!important}.category-directory-head>span:empty{display:none!important}


/* =========================================================
   v6.24 — quiet kinetic type / monochrome footer / share UI
   Reference direction: oversized moving typography used as identity,
   not a clickable utility strip.
   ========================================================= */

/* The former lime information band now becomes a quiet editorial marquee. */
.culture-strip-v624{
  position:relative!important;
  width:100vw!important;
  max-width:none!important;
  min-height:clamp(118px,11vw,190px)!important;
  margin:clamp(26px,4.5vw,62px) calc(50% - 50vw)!important;
  padding:0!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  transform:none!important;
  isolation:isolate!important;
  pointer-events:none!important;
  user-select:none!important;
}
.culture-strip-v624::before,
.culture-strip-v624::after{display:none!important}
.culture-strip-v624 .culture-track{
  width:max-content!important;
  max-width:none!important;
  min-width:max-content!important;
  min-height:inherit!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:0!important;
  animation:cultureTypeV624 34s linear infinite!important;
  will-change:transform!important;
  
}
.culture-strip-v624 .culture-group,
.culture-strip-v624 .culture-group-clone{
  display:flex!important;
  width:auto!important;
  min-width:max-content!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:.18em!important;
  padding:0 .09em!important;
  white-space:nowrap!important;
  font-family:Arial Black,"Arial Narrow",Arial,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:138px!important;
  font-size:clamp(78px,10.2vw,178px)!important;
  font-weight:900!important;
  line-height:.82!important;
  letter-spacing:-.065em!important;
  color:rgba(19,24,29,.075)!important;
  transform:none!important;
}
.culture-strip-v624 .culture-group span{
  display:block!important;
  padding-right:.12em!important;
}
.culture-strip-v624 .culture-group span:nth-child(2){
  color:transparent!important;
  -webkit-text-stroke:1.4px rgba(19,24,29,.115)!important;
  text-stroke:1.4px rgba(19,24,29,.115)!important;
}
.culture-strip-v624 .culture-group i{display:none!important}
@keyframes cultureTypeV624{to{transform:translate3d(-50%,0,0)}}
@media(max-width:900px){
  .culture-strip-v624{min-height:104px!important;margin:28px calc(50% - 50vw) 38px!important}
  .culture-strip-v624 .culture-track{animation-duration:22s!important}
  .culture-strip-v624 .culture-group,
  .culture-strip-v624 .culture-group-clone{
    font-size:78px!important;
    font-size:clamp(66px,20vw,112px)!important;
    letter-spacing:-.06em!important;
    gap:.2em!important;
    padding:0 .12em!important;
  }
  .culture-strip-v624 .culture-group span:nth-child(2){-webkit-text-stroke:1px rgba(19,24,29,.12)!important}
}
@media(max-width:430px){
  .culture-strip-v624{min-height:92px!important;margin-top:24px!important;margin-bottom:32px!important}
  .culture-strip-v624 .culture-track{animation-duration:18s!important}
  .culture-strip-v624 .culture-group,
  .culture-strip-v624 .culture-group-clone{font-size:clamp(62px,19vw,82px)!important}
}
@media(prefers-reduced-motion:reduce){
  .culture-strip-v624 .culture-track{animation-duration:70s!important}
}

/* Footer brand: a restrained square mark; no multicolor backing plate. */
.footer-brand-mark{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  padding:4px!important;
  border:1.5px solid #111!important;
  background:#fff!important;
  border-radius:0!important;
  box-shadow:none!important;
  transform:none!important;
  overflow:hidden!important;
}
.footer-brand-mark::before,
.footer-brand-mark::after{display:none!important}
.footer-brand-mark picture,
.footer-brand-mark img{
  width:100%!important;
  height:100%!important;
  display:block!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:none!important;
}
@media(max-width:600px){
  .footer-brand-mark{width:32px!important;height:32px!important;flex-basis:32px!important;padding:4px!important}
  .footer-brand-mark img{width:100%!important;height:100%!important}
}

/* Share controls: one monochrome visual language, no platform color chips/stripes. */
.article-sharebar-v622 .share-btn{
  border:1px solid #d7dde2!important;
  background:#edf1f4!important;
  box-shadow:none!important;
}
.article-sharebar-v622 .share-btn i,
.article-sharebar-v622 .share-line i,
.article-sharebar-v622 .share-copy i{
  background:#111!important;
  color:#fff!important;
  box-shadow:none!important;
}
.article-sharebar-v622 .share-btn::before,
.article-sharebar-v622 .share-btn::after{display:none!important}
@media (hover: hover) and (pointer: fine){.article-sharebar-v622 .share-btn:hover{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
  transform:translateY(-2px)!important;
}}
@media (hover: hover) and (pointer: fine){.article-sharebar-v622 .share-btn:hover i{
  background:#fff!important;
  color:#111!important;
}}
.article-sharebar-v622 .share-copy.is-copied{
  background:#111!important;
  color:#fff!important;
}
.article-sharebar-v622 .share-copy.is-copied i{background:#fff!important;color:#111!important}

/* =========================================================
   v6.25 — unified searchable archive / seamless category filter
   Editorial references: quiet archive utilities, persistent search,
   text-first taxonomy, and same-document view transitions.
   ========================================================= */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.archive-v625{max-width:1180px!important;padding-top:46px!important}
.archive-hero-v625{padding:22px 0 30px!important}
.archive-hero-v625 h1{font-size:clamp(48px,5vw,68px)!important}
.archive-hero-v625 p{max-width:760px!important;line-height:1.8!important}

.archive-controls-v625{margin:24px 0 42px;padding:19px 0 18px;border-bottom:1px solid #cbd4dc;display:grid;gap:17px}
.archive-search-v625{margin:0!important;max-width:none!important}
.archive-search-field-v625{display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;gap:10px;align-items:center;min-height:52px;padding:0 0 8px;border-bottom:1.5px solid #111}
.archive-search-icon-v625{display:grid;place-items:center;width:22px;height:22px;color:#111}
.archive-search-icon-v625 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.archive-search-field-v625 input{width:100%;min-width:0;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;padding:8px 2px!important;font-size:15px!important;font-weight:650;letter-spacing:-.01em;color:#111}
.archive-search-field-v625 input::placeholder{color:#929ba2;font-weight:500}
.archive-search-field-v625 button{height:36px;padding:0 15px;border:1px solid #111;background:#111;color:#fff;font-size:11px;font-weight:900;letter-spacing:.04em;cursor:pointer;transition:background .16s ease,color .16s ease}
@media (hover: hover) and (pointer: fine){.archive-search-field-v625 button:hover{background:#fff;color:#111}}
.archive-search-clear-v625{padding:7px 4px;font-size:10px;font-weight:850;color:#727c84;text-decoration:underline!important;text-underline-offset:3px}
@media (hover: hover) and (pointer: fine){.archive-search-clear-v625:hover{color:#111}}

.archive-filter-row-v625{display:grid;grid-template-columns:72px minmax(0,1fr);gap:15px;align-items:start}
.archive-filter-label-v625{padding-top:9px;font-size:9px;font-weight:900;letter-spacing:.12em;color:#7b858d}
.category-filter-v625{display:flex;align-items:center;flex-wrap:wrap;gap:3px 18px;min-width:0}
.category-filter-v625 a{position:relative;padding:7px 0 9px;border:0!important;background:transparent!important;color:#657078!important;font-size:11px!important;font-weight:800!important;white-space:nowrap;transition:color .16s ease}
.category-filter-v625 a::after{content:"";position:absolute;left:0;right:0;bottom:3px;height:2px;background:#111;transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
@media (hover: hover) and (pointer: fine){.category-filter-v625 a:hover{color:#111!important}}
.category-filter-v625 a.active{color:#111!important;font-weight:950!important}
.category-filter-v625 a.active::after{transform:scaleX(1)}

.archive-list-heading-v625{align-items:flex-end!important;margin:0 0 13px!important;padding-bottom:1px}
.archive-list-heading-v625>div{min-width:0}
.archive-result-context-v625{display:block;margin-bottom:7px;font-size:8px!important;font-weight:900;letter-spacing:.12em!important;color:#808a92!important}
.archive-list-heading-v625 h2{font-size:clamp(25px,2.6vw,32px)!important;line-height:1.15!important}
.archive-result-count-v625{display:flex;align-items:baseline;gap:6px;margin:0;color:#78828a;white-space:nowrap}
.archive-result-count-v625 strong{font-size:26px;line-height:1;font-weight:950;letter-spacing:-.055em;color:#111}
.archive-result-count-v625 span{font-size:8px;font-weight:900;letter-spacing:.13em}
.archive-list-v625{view-transition-name:archive-list}
.archive-row-v625[hidden]{display:none!important}
.archive-row-v625{transition:background .16s ease,padding .18s ease!important}
@media (hover: hover) and (pointer: fine){.archive-row-v625:hover{background:rgba(255,255,255,.52);padding-left:10px!important;padding-right:10px!important}}
.archive-empty-v625[hidden]{display:none!important}
.archive-empty-v625{margin:0;padding:34px 0;border-top:1.5px solid #111;border-bottom:1px solid #cbd4dc;background:transparent!important;text-align:left;color:#707a82;font-size:12px}
::view-transition-old(archive-list){animation:archiveFadeOutV625 .12s ease both}
::view-transition-new(archive-list){animation:archiveFadeInV625 .18s ease both}
@keyframes archiveFadeOutV625{to{opacity:.25;transform:translateY(2px)}}
@keyframes archiveFadeInV625{from{opacity:.2;transform:translateY(4px)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .archive-v625{padding-top:26px!important}
  .archive-hero-v625{padding:14px 0 22px!important}
  .archive-controls-v625{margin:18px 0 32px;padding:13px 0 15px;gap:14px}
  .archive-search-field-v625{grid-template-columns:20px minmax(0,1fr) auto auto;gap:7px;min-height:48px}
  .archive-search-field-v625 input{font-size:14px!important}
  .archive-search-field-v625 button{height:34px;padding:0 12px}
  .archive-filter-row-v625{grid-template-columns:1fr;gap:4px}
  .archive-filter-label-v625{padding-top:0}
  .category-filter-v625{overflow-x:auto;flex-wrap:nowrap;gap:16px;padding-bottom:3px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .category-filter-v625::-webkit-scrollbar{display:none}
  .category-filter-v625 a{flex:0 0 auto;padding-top:6px}
  .archive-list-heading-v625{align-items:flex-end!important}
  .archive-result-count-v625 strong{font-size:22px}
  @media (hover: hover) and (pointer: fine){.archive-row-v625:hover{padding-left:0!important;padding-right:0!important}}
}
@media(max-width:520px){
  .archive-search-field-v625{grid-template-columns:19px minmax(0,1fr) auto}
  .archive-search-clear-v625{display:none}
  .archive-search-field-v625 button{padding:0 10px;font-size:10px}
  .archive-result-count-v625 span{display:none}
  .archive-list-heading-v625 h2{font-size:24px!important}
}
@media(prefers-reduced-motion:reduce){
  ::view-transition-old(archive-list),::view-transition-new(archive-list){animation:none!important}
}

/* v6.25 homepage marquee fallback (index currently inlines home_critical.css). */
.culture-strip-v624{min-height:clamp(168px,14vw,252px)!important;margin:clamp(46px,6.5vw,92px) calc(50% - 50vw) clamp(58px,7.5vw,108px)!important;padding-block:clamp(20px,2.5vw,38px)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 5%,#000 95%,transparent 100%)}.culture-strip-v624 .culture-track{animation:cultureTypeV624 38s linear infinite!important;transform-origin:left center!important}@media(max-width:900px){.culture-strip-v624{min-height:136px!important;margin:38px calc(50% - 50vw) 64px!important;padding-block:18px!important;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%)}.culture-strip-v624 .culture-track{animation-duration:27s!important}}@media(max-width:430px){.culture-strip-v624{min-height:120px!important;margin-top:32px!important;margin-bottom:54px!important;padding-block:16px!important}.culture-strip-v624 .culture-track{animation-duration:23s!important}}@media(prefers-reduced-motion:reduce){.culture-strip-v624 .culture-track{animation-duration:90s!important}}


/* =========================================================
   v6.26 — tighter kinetic type / header-matched footer / calm archive
   ========================================================= */

/* Footer brand mirrors the header: same 40px rounded-square icon and wordmark. */
.footer-brand-link-v626{
  display:inline-flex!important;align-items:center!important;gap:12px!important;
  width:max-content!important;color:#0b0d10!important;text-decoration:none!important;
}
.footer-brand-link-v626 picture{display:block!important;line-height:0!important;flex:0 0 auto!important}
.footer-brand-link-v626 img{
  display:block!important;width:40px!important;height:40px!important;border-radius:11px!important;
  object-fit:cover!important;box-shadow:none!important;border:0!important;padding:0!important;background:transparent!important;
}
.footer-brand-link-v626 b{font-size:15px!important;font-weight:950!important;letter-spacing:-.035em!important;white-space:nowrap!important}
@media (hover: hover) and (pointer: fine){.footer-brand-link-v626:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}}
@media(max-width:600px){
  .footer-brand-link-v626{margin-inline:auto!important}
  .footer-brand-link-v626 img{width:36px!important;height:36px!important;border-radius:10px!important}
  .footer-brand-link-v626 b{font-size:13px!important}
}

/* Article archive: one quiet search field, one taxonomy line, one result heading. */
.archive-v625{max-width:1180px!important;padding-top:40px!important}
.archive-hero-v625{padding:18px 0 24px!important}
.archive-tools-v626{margin:18px 0 34px;border-bottom:1px solid #c9d1d7}
.archive-search-v626{margin:0!important;max-width:none!important}
.archive-search-field-v626{
  display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;
  min-height:56px;border:1px solid #bfc8cf;background:rgba(255,255,255,.52);border-radius:8px;
  overflow:hidden;transition:border-color .16s ease,background .16s ease;
}
.archive-search-field-v626:focus-within{border-color:#111;background:rgba(255,255,255,.82)}
.archive-search-submit-v626{
  display:grid;place-items:center;width:42px;height:54px;padding:0;border:0;background:transparent;color:#111;cursor:pointer;
}
.archive-search-submit-v626 svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
@media (hover: hover) and (pointer: fine){.archive-search-submit-v626:hover{background:rgba(17,17,17,.045)}}
.archive-search-field-v626 input{
  width:100%;min-width:0;padding:0 8px 0 2px!important;border:0!important;outline:0!important;background:transparent!important;
  box-shadow:none!important;color:#111;font-size:15px!important;font-weight:620!important;letter-spacing:-.01em;
}
.archive-search-field-v626 input::placeholder{color:#8b949b;font-weight:500}
.archive-search-clear-v626{margin-right:13px;padding:6px 0!important;font-size:11px!important;font-weight:700!important;color:#69737a!important;text-decoration:none!important}
@media (hover: hover) and (pointer: fine){.archive-search-clear-v626:hover{color:#111!important;text-decoration:underline!important;text-underline-offset:3px}}
.category-filter-v626{
  display:flex!important;align-items:center!important;gap:0 24px!important;flex-wrap:wrap!important;
  margin-top:14px;padding:0 0 12px;min-width:0;
}
.category-filter-v626 a{
  position:relative;padding:7px 0!important;border:0!important;background:transparent!important;color:#6e777e!important;
  font-size:12px!important;font-weight:700!important;letter-spacing:0!important;white-space:nowrap;transition:color .15s ease!important;
}
.category-filter-v626 a::after{
  content:"";position:absolute;left:0;right:0;bottom:1px;height:1.5px;background:#111;
  transform:scaleX(0);transform-origin:left;transition:transform .16s ease;
}
@media (hover: hover) and (pointer: fine){.category-filter-v626 a:hover{color:#111!important}}
.category-filter-v626 a.active{color:#111!important;font-weight:900!important}
.category-filter-v626 a.active::after{transform:scaleX(1)}
.archive-list-heading-v626{
  display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:18px!important;
  margin:0!important;padding:0 0 13px!important;border-bottom:1.5px solid #111!important;
}
.archive-list-heading-v626 h2{margin:0!important;font-size:clamp(26px,2.4vw,32px)!important;line-height:1.2!important;letter-spacing:-.045em!important}
.archive-result-count-v626{display:flex!important;align-items:baseline!important;gap:3px!important;margin:0!important;color:#69737a!important}
.archive-result-count-v626 strong{font-size:15px!important;font-weight:900!important;letter-spacing:-.02em!important;color:#111!important}
.archive-result-count-v626 span{display:inline!important;font-size:11px!important;font-weight:650!important;letter-spacing:0!important}
.archive-list-v625{border-top:0!important}
.archive-row-v625{
  position:relative!important;grid-template-columns:minmax(0,1fr) 200px!important;gap:30px!important;
  padding:26px 0!important;border-bottom:1px solid #cbd3d9!important;background:transparent!important;
  transition:none!important;
}
@media (hover: hover) and (pointer: fine){.archive-row-v625:hover{padding-left:0!important;padding-right:0!important;background:transparent!important}}
.archive-row-v625 .article-row-main h2{
  margin:7px 0 8px!important;font-size:clamp(22px,2vw,29px)!important;line-height:1.38!important;letter-spacing:-.035em!important;
  text-decoration-color:transparent;text-decoration-thickness:1.5px;text-underline-offset:5px;transition:text-decoration-color .16s ease,color .16s ease;
}
@media (hover: hover) and (pointer: fine){.archive-row-v625:hover .article-row-main h2{text-decoration-line:underline;text-decoration-color:currentColor}}
.archive-row-v625 .article-row-main p{max-width:760px!important;color:#69737a!important;font-size:12px!important;line-height:1.72!important}
.archive-row-v625 .article-row-meta{gap:7px!important;font-size:9.5px!important;color:#7b858c!important}
.archive-row-v625 .article-list-category{
  border:0!important;padding:0!important;background:transparent!important;color:#30373c!important;font-weight:800!important;
}
.archive-row-v625 .article-list-category::before{content:"/";margin-right:7px;color:#9ca5ab;font-weight:500}
.archive-row-v625 .article-row-thumb{
  display:block!important;width:200px!important;aspect-ratio:16/9!important;border:0!important;overflow:hidden!important;background:#e7ecef!important;
}
.archive-row-v625 .article-row-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;transition:transform .28s cubic-bezier(.2,.65,.3,1)!important}
@media (hover: hover) and (pointer: fine){.archive-row-v625:hover .article-row-thumb img{transform:scale(1.025)}}
.archive-row-v625 .article-row-go{display:none!important}

@media(max-width:900px){
  .archive-v625{padding-top:24px!important}
  .archive-hero-v625{padding:12px 0 20px!important}
  .archive-tools-v626{margin:13px 0 28px}
  .category-filter-v626{flex-wrap:nowrap!important;overflow-x:auto;gap:20px!important;padding-bottom:11px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .category-filter-v626::-webkit-scrollbar{display:none}
  .category-filter-v626 a{flex:0 0 auto!important}
  .archive-row-v625{grid-template-columns:minmax(0,1fr) 150px!important;gap:20px!important;padding:22px 0!important}
  .archive-row-v625 .article-row-thumb{display:block!important;width:150px!important}
}
@media(max-width:620px){
  .archive-search-field-v626{min-height:52px;grid-template-columns:40px minmax(0,1fr) auto;border-radius:7px}
  .archive-search-submit-v626{width:40px;height:50px}
  .archive-search-field-v626 input{font-size:14px!important}
  .archive-list-heading-v626{padding-bottom:11px!important}
  .archive-list-heading-v626 h2{font-size:25px!important}
  .archive-row-v625{display:block!important;padding:20px 0!important}
  .archive-row-v625 .article-row-thumb{display:none!important}
  .archive-row-v625 .article-row-main h2{font-size:20px!important;line-height:1.44!important;margin:7px 0!important}
  .archive-row-v625 .article-row-main p{font-size:11px!important;line-height:1.7!important}
  .archive-row-v625 .article-row-meta{font-size:9px!important}
}
@media(hover:none){
  @media (hover: hover) and (pointer: fine){.archive-row-v625:hover .article-row-main h2{text-decoration:none}}
  @media (hover: hover) and (pointer: fine){.archive-row-v625:hover .article-row-thumb img{transform:none}}
}

/* v6.26.1 archive metadata: keep the row calm and human-readable. */
.archive-row-v625 .article-row-meta{font-family:inherit!important;letter-spacing:0!important;font-variant-numeric:tabular-nums!important;text-transform:none!important}

/* =========================================================
   v6.27 — hand-tuned editorial article details
   Direction: typography first, fewer chips/cards, restrained rules,
   compact related controls, and quieter interaction states.
   ========================================================= */

/* Title: keep the existing two-line composition, but quiet the decoration. */
.article-page-v627 .article-header-v621{padding-top:48px!important}
.article-page-v627 .article-title-stage-v621{padding-bottom:0!important}
.article-page-v627 .article-title-stage-v621 h1{
  max-width:1060px!important;
  font-size:clamp(43px,4.25vw,60px)!important;
  line-height:1.1!important;
  letter-spacing:-.055em!important;
  font-weight:900!important;
}
.article-page-v627 .article-title-stage-v621 .article-title-rules{
  gap:4px!important;
  margin:20px 0 17px!important;
  height:3px!important;
}
.article-page-v627 .article-title-stage-v621 .article-title-rules i{
  height:2px!important;
  transform:none!important;
  border:0!important;
}
.article-page-v627 .article-title-stage-v621 .article-title-rules i:nth-child(1){width:38px!important;background:#111!important}
.article-page-v627 .article-title-stage-v621 .article-title-rules i:nth-child(2){width:11px!important;background:var(--cyan)!important}
.article-page-v627 .article-title-stage-v621 .article-title-rules i:nth-child(3){width:11px!important;background:var(--pink)!important}

/* Date + share belong to one compact information row. */
.article-page-v627 .article-title-meta-v627{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:22px!important;
  padding:0 0 17px!important;
  border-top:0!important;
  border-bottom:1px solid #cbd2d7!important;
}
.article-page-v627 .article-date-stamps{gap:20px!important}
.article-page-v627 .article-date-stamps>span{display:flex!important;align-items:baseline!important;gap:7px!important}
.article-page-v627 .article-date-stamps b{
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  color:#6e777e!important;
  font-weight:700!important;
}
.article-page-v627 .article-date-stamps time{
  font-family:inherit!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.01em!important;
  color:#30373c!important;
  font-weight:700!important;
  font-variant-numeric:tabular-nums!important;
}
.article-title-share-v627{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.article-title-share-label{font-size:10px;font-weight:700;color:#737c83;letter-spacing:.02em;white-space:nowrap}
.article-title-share-actions{display:flex;align-items:center;gap:6px}
.article-title-share-btn{
  display:inline-grid!important;
  place-items:center!important;
  min-width:35px!important;
  height:35px!important;
  padding:0 9px!important;
  border:1px solid #c8d0d6!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#111!important;
  box-shadow:none!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:background-color .16s ease,color .16s ease,border-color .16s ease!important;
}
.article-title-share-btn span{font-size:9px;font-weight:850;line-height:1;letter-spacing:0}
.article-title-share-btn.share-line{min-width:47px!important}
.article-title-share-btn:focus-visible{background:#111!important;color:#fff!important;border-color:#111!important;outline:none!important}@media (hover: hover) and (pointer: fine){.article-title-share-btn:hover{background:#111!important;color:#fff!important;border-color:#111!important;outline:none!important}}
.article-title-share-btn:focus-visible{box-shadow:0 0 0 3px rgba(17,17,17,.12)!important}
.article-title-share-btn.is-copied{background:#111!important;color:#fff!important;border-color:#111!important}

/* Breadcrumb is contextual text, not a third horizontal module. */
.article-page-v627 .article-breadcrumbs-v627{
  margin:0!important;
  padding:11px 0 0!important;
  border:0!important;
  gap:7px!important;
  font-size:9.5px!important;
  line-height:1.45!important;
}
.article-page-v627 .article-breadcrumbs-v627 a{font-weight:650!important;color:#697279!important;text-decoration:none!important}
@media (hover: hover) and (pointer: fine){.article-page-v627 .article-breadcrumbs-v627 a:hover{color:#111!important;text-decoration:underline!important;text-underline-offset:3px}}
.article-page-v627 .article-breadcrumbs-v627>span{color:#adb5ba!important}

/* Reading measure and paragraph rhythm. */
.article-page-v627 .article-reading-grid-v621{
  grid-template-columns:minmax(0,780px) 224px!important;
  gap:66px!important;
  margin-top:50px!important;
}
.article-page-v627 .article-reading-grid-v621.no-toc{grid-template-columns:minmax(0,780px)!important}
.article-page-v627 .article-body{font-size:16px!important;line-height:1.92!important;color:#22272b!important}
.article-page-v627 .article-body>p{margin:1.38em 0!important}
.article-page-v627 .article-body strong{font-weight:800}

/* H2/H3: simple editorial hierarchy. No colored blocks or generated-looking shadows. */
.article-page-v627 .article-body h2,
.rich-editor.article-body h2{
  position:relative!important;
  margin:3.1em 0 .9em!important;
  padding:20px 0 0!important;
  border:0!important;
  border-top:1px solid #bfc7cc!important;
  font-size:30px!important;
  line-height:1.38!important;
  letter-spacing:-.035em!important;
  font-weight:850!important;
}
.article-page-v627 .article-body h2::before,
.rich-editor.article-body h2::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:-1px!important;
  width:38px!important;
  height:2px!important;
  background:#111!important;
  border:0!important;
  transform:none!important;
}
.article-page-v627 .article-body h2::after,
.rich-editor.article-body h2::after{display:none!important}
.article-page-v627 .article-body h3,
.rich-editor.article-body h3{
  position:relative!important;
  margin:2.25em 0 .7em!important;
  padding:0 0 0 15px!important;
  border:0!important;
  font-size:21px!important;
  line-height:1.5!important;
  letter-spacing:-.025em!important;
  font-weight:820!important;
}
.article-page-v627 .article-body h3::before,
.rich-editor.article-body h3::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:.42em!important;
  width:2px!important;
  height:1.05em!important;
  background:#111!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
}
.article-page-v627 .article-body h4{margin:2em 0 .65em!important;font-size:18px!important;line-height:1.5!important;letter-spacing:-.015em!important}

/* Editorial body details: flatter surfaces and more deliberate spacing. */
.article-page-v627 .article-body blockquote{
  margin:2em 0!important;
  padding:4px 0 4px 20px!important;
  border:0!important;
  border-left:2px solid #111!important;
  border-radius:0!important;
  background:transparent!important;
  color:#596168!important;
}
.article-page-v627 .article-image{margin:2.15em 0!important}
.article-page-v627 .article-image img{border-radius:4px!important}
.article-page-v627 .youtube-embed{border-radius:4px!important}
.article-page-v627 .article-link-card{
  border:1px solid #ccd3d8!important;
  border-radius:5px!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background-color .16s ease!important;
}
@media (hover: hover) and (pointer: fine){.article-page-v627 .article-link-card:hover{transform:none!important;box-shadow:none!important;border-color:#909aa2!important;background:#fbfcfc!important}}

/* Video explanation: one calm module directly connected to the embed. */
.article-page-v627 .article-body .video-feature{
  margin:2.5em 0!important;
  border:1px solid #bfc7cc!important;
  background:#fff!important;
  box-shadow:none!important;
  border-radius:5px!important;
  overflow:hidden!important;
}
.article-page-v627 .article-body .video-feature .box-video{
  min-height:0!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  background:#f7f8f8!important;
}
.article-page-v627 .article-body .video-feature .box-video>b{
  justify-content:flex-start!important;
  padding:16px!important;
  background:#111!important;
  color:#fff!important;
  font-family:inherit!important;
  font-size:10px!important;
  font-weight:800!important;
  line-height:1.45!important;
  letter-spacing:.02em!important;
  text-align:left!important;
}
.article-page-v627 .article-body .video-feature .box-video>b::before{color:#fff!important;margin-right:7px!important}
.article-page-v627 .article-body .video-feature .box-video>div{padding:16px 18px!important}
.article-page-v627 .article-body .video-feature .box-video p:first-child{font-size:17px!important;line-height:1.5!important;font-weight:820!important}
.article-page-v627 .article-body .video-feature .box-video p:last-child{font-size:12px!important;line-height:1.7!important;color:#687179!important}
.article-page-v627 .article-body .video-feature .media-embed{border-top:1px solid #bfc7cc!important}
.article-page-v627 .article-body .video-feature .youtube-embed::after{display:none!important}

/* TOC: small, typographic, and quiet. */
.article-page-v627 .article-toc-v621{
  top:92px!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid #111!important;
}
.article-page-v627 .article-toc-v621 .article-toc-label{
  display:block!important;
  padding:13px 0 10px!important;
  text-align:left!important;
}
.article-page-v627 .article-toc-v621 .article-toc-label::before{display:none!important}
.article-page-v627 .article-toc-v621 .article-toc-label b{margin:0!important;font-size:13px!important;line-height:1.3!important;font-weight:800!important}
.article-page-v627 .article-toc-v621 nav{border-top:1px solid #d8dde1!important;padding-top:4px!important}
.article-page-v627 .article-toc-v621 a{
  padding:8px 4px 8px 12px!important;
  border:0!important;
  border-left:1px solid #d8dde1!important;
  background:transparent!important;
  color:#737c83!important;
  font-size:10.5px!important;
  line-height:1.55!important;
  transition:color .14s ease,border-color .14s ease!important;
}
.article-page-v627 .article-toc-v621 a.is-active{color:#111!important;border-left-color:#111!important;background:transparent!important}@media (hover: hover) and (pointer: fine){.article-page-v627 .article-toc-v621 a:hover{color:#111!important;border-left-color:#111!important;background:transparent!important}}
.article-page-v627 .article-toc-v621 a.toc-level-3{padding-left:22px!important;font-size:10px!important}

/* Author block: profile information, not a promotional card. */
.article-page-v627 .article-end-v621{margin-top:82px!important}
.article-page-v627 .author-profile-card-v622{
  grid-template-columns:64px minmax(0,1fr) auto!important;
  gap:18px!important;
  padding:22px 0!important;
  border:0!important;
  border-top:1px solid #111!important;
  border-bottom:1px solid #ccd3d8!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.article-page-v627 .author-profile-card-v622>img{width:64px!important;height:64px!important;border-radius:16px!important}
.article-page-v627 .author-profile-card-v622>.author-profile-copy>span{font-size:9px!important;letter-spacing:.02em!important;color:#7d858c!important;font-weight:700!important}
.article-page-v627 .author-profile-card-v622>.author-profile-copy>b{margin-top:3px!important;font-size:17px!important}
.article-page-v627 .author-profile-card-v622>.author-profile-copy>p{font-size:11.5px!important;line-height:1.8!important;color:#606970!important}
.article-page-v627 .author-socials-v622{gap:14px!important;margin-top:13px!important;padding-top:11px!important;border-top:1px solid #d8dde1!important}
.article-page-v627 .author-socials-v622>span{font-family:inherit!important;font-size:9px!important;letter-spacing:.02em!important;color:#7d858c!important;font-weight:700!important}
.article-page-v627 .author-socials-v622 a{padding-bottom:5px!important;transform:none!important}
.article-page-v627 .author-socials-v622 a::after{height:1px!important;transform:none!important;background:#111!important}
@media (hover: hover) and (pointer: fine){.article-page-v627 .author-socials-v622 a:hover{transform:none!important;opacity:.62!important}}
@media (hover: hover) and (pointer: fine){.article-page-v627 .author-socials-v622 a:hover::after{transform:none!important}}
.article-page-v627 .author-profile-card-v622 .author-profile-link{font-size:10px!important;font-weight:750!important}
.article-page-v627 .article-end-v621>.btn-ghost{
  margin-top:22px!important;
  height:auto!important;
  padding:0 0 3px!important;
  border:0!important;
  border-bottom:1px solid #111!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  font-size:11px!important;
}
@media (hover: hover) and (pointer: fine){.article-page-v627 .article-end-v621>.btn-ghost:hover{transform:none!important;background:transparent!important;opacity:.6!important}}

/* Keep interaction states stationary: no synthetic-feeling lift on article UI. */
@media(hover:hover){
  @media (hover: hover) and (pointer: fine){.article-page-v627 a:not(.article-title-share-btn):hover{transform:none}}
}

@media(max-width:900px){
  .article-page-v627{padding-left:22px!important;padding-right:22px!important}
  .article-page-v627 .article-header-v621{padding-top:34px!important}
  .article-page-v627 .article-title-stage-v621 h1{font-size:clamp(38px,6.7vw,52px)!important;line-height:1.12!important}
  .article-page-v627 .article-title-stage-v621 .article-title-rules{margin:17px 0 14px!important}
  .article-page-v627 .article-title-meta-v627{gap:16px!important;padding-bottom:15px!important}
  .article-page-v627 .article-reading-grid-v621,
  .article-page-v627 .article-reading-grid-v621.no-toc{display:flex!important;flex-direction:column!important;margin-top:38px!important;gap:0!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc{
    order:0!important;
    width:100%!important;
    margin:0 0 34px!important;
    border-top:1px solid #111!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-label{padding:12px 0 8px!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc nav{padding-top:0!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc a{text-align:left!important;padding:9px 6px 9px 11px!important;border-bottom:1px solid #e3e7ea!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc a.is-active{background:transparent!important}@media (hover: hover) and (pointer: fine){.article-page-v627 .article-toc-v621.show-mobile-toc a:hover{background:transparent!important}}
  .article-page-v627 .article-body h2,
  .rich-editor.article-body h2{font-size:27px!important;margin-top:2.8em!important;padding-top:17px!important}
  .article-page-v627 .article-body h3,
  .rich-editor.article-body h3{font-size:20px!important}
  .article-page-v627 .article-end-v621{margin-top:66px!important}
}

@media(max-width:620px){
  .article-page-v627{padding-left:18px!important;padding-right:18px!important}
  .article-page-v627 .article-header-v621{padding-top:27px!important}
  .article-page-v627 .article-title-stage-v621 h1{font-size:clamp(33px,9.4vw,44px)!important;line-height:1.14!important;letter-spacing:-.05em!important}
  .article-page-v627 .article-title-stage-v621 .article-title-rules{margin:15px 0 13px!important}
  .article-page-v627 .article-title-meta-v627{align-items:flex-start!important;flex-direction:column!important;gap:12px!important;padding-bottom:14px!important}
  .article-page-v627 .article-date-stamps{gap:14px!important}
  .article-title-share-v627{width:100%;justify-content:space-between;gap:14px}
  .article-title-share-actions{gap:7px}
  .article-title-share-btn{height:34px!important;min-width:34px!important;padding:0 8px!important}
  .article-title-share-btn.share-line{min-width:46px!important}
  .article-page-v627 .article-breadcrumbs-v627{padding-top:10px!important;font-size:9px!important}
  .article-page-v627 .article-reading-grid-v621,
  .article-page-v627 .article-reading-grid-v621.no-toc{margin-top:31px!important}
  .article-page-v627 .article-body{font-size:15px!important;line-height:1.9!important}
  .article-page-v627 .article-body>p{margin:1.3em 0!important}
  .article-page-v627 .article-body h2,
  .rich-editor.article-body h2{font-size:24px!important;line-height:1.42!important;margin-top:2.65em!important;padding-top:15px!important}
  .article-page-v627 .article-body h2::before,
  .rich-editor.article-body h2::before{width:32px!important}
  .article-page-v627 .article-body h3,
  .rich-editor.article-body h3{font-size:19px!important;line-height:1.5!important;margin-top:2.1em!important;padding-left:13px!important}
  .article-page-v627 .article-body h3::before,
  .rich-editor.article-body h3::before{height:.95em!important}
  .article-page-v627 .article-body .video-feature .box-video{grid-template-columns:1fr!important}
  .article-page-v627 .article-body .video-feature .box-video>b{padding:10px 13px!important}
  .article-page-v627 .article-body .video-feature .box-video>div{padding:14px 13px!important}
  .article-page-v627 .article-body .video-feature .box-video p:first-child{font-size:16px!important}
  .article-page-v627 .author-profile-card-v622{grid-template-columns:50px minmax(0,1fr)!important;padding:18px 0!important;gap:13px!important}
  .article-page-v627 .author-profile-card-v622>img{width:50px!important;height:50px!important;border-radius:13px!important}
  .article-page-v627 .author-profile-card-v622 .author-profile-link{grid-column:2!important;justify-self:start!important}
  .article-page-v627 .author-socials-v622{gap:10px 13px!important}
  .article-page-v627 .author-socials-v622>span{width:100%!important}
  .article-page-v627 .article-end-v621{margin-top:56px!important}
}

@media(max-width:360px){
  .article-page-v627{padding-left:15px!important;padding-right:15px!important}
  .article-page-v627 .article-title-stage-v621 h1{font-size:31px!important}
  .article-page-v627 .article-date-stamps{gap:10px!important}
  .article-page-v627 .article-date-stamps b{font-size:9px!important}
  .article-page-v627 .article-date-stamps time{font-size:10px!important}
  .article-title-share-label{font-size:9px}
  .article-title-share-btn{height:32px!important;min-width:32px!important}
  .article-title-share-btn.share-line{min-width:43px!important}
}

@media(hover:none){
  @media (hover: hover) and (pointer: fine){.article-title-share-btn:hover{background:transparent!important;color:#111!important;border-color:#c8d0d6!important}}
}
@media(max-width:900px){
  .article-page-v627 .article-toc-v621.show-mobile-toc{position:relative!important;top:auto!important}
}
/* v6.27 QA refinements: prevent placeholder footer space and keep header-to-body rhythm intentional. */
.editorial-footer{content-visibility:visible!important;contain-intrinsic-size:none!important}
.article-page-v627 .article-header-v621{padding-bottom:0!important}
@media(max-width:620px){
  .article-title-share-v627{width:auto!important;justify-content:flex-start!important;gap:10px!important}
}

/* ======================================================================
   v6.28 — article micro-polish / researched SEO-adjacent UX refinements
   Typography-led video heading, quieter TOC, accessible copy affordance.
   ====================================================================== */
.visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

/* Copy URL: use the familiar overlapping-sheets copy icon; keep a clear
   confirmation state without moving or resizing the button. */
.article-title-share-btn.share-copy{position:relative}
.article-title-share-btn.share-copy .share-copy-icon{
  width:15px;
  height:15px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.article-title-share-btn.share-copy .share-copy-icon-done{display:none}
.article-title-share-btn.share-copy.is-copied .share-copy-icon-default{display:none}
.article-title-share-btn.share-copy.is-copied .share-copy-icon-done{display:block}
.article-title-share-btn.share-copy.is-copied{background:#111!important;color:#fff!important;border-color:#111!important}

/* Video module: treat the intro as an editorial section heading, not a card.
   The short brand rule and small play marker provide hierarchy; the player
   remains visually separate and immediately readable. */
.article-page-v627 .article-body .video-feature{
  margin:3.1em 0 2.8em!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.article-page-v627 .article-body .video-feature .box-video{
  position:relative!important;
  display:block!important;
  min-height:0!important;
  margin:0!important;
  padding:0 0 15px!important;
  border:0!important;
  border-bottom:1px solid #cbd2d7!important;
  background:transparent!important;
  box-shadow:none!important;
}
.article-page-v627 .article-body .video-feature .box-video::before{
  content:"";
  display:block;
  width:44px;
  height:3px;
  margin:0 0 13px;
  background:linear-gradient(90deg,var(--cyan) 0 46%,var(--pink) 46% 76%,var(--lime) 76% 100%);
}
.article-page-v627 .article-body .video-feature .box-video>b{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:8px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#626b72!important;
  font:750 10px/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important;
  letter-spacing:.035em!important;
  text-align:left!important;
}
.article-page-v627 .article-body .video-feature .box-video>b::before{
  content:"▶"!important;
  display:inline-grid;
  place-items:center;
  width:21px;
  height:21px;
  margin:0!important;
  border:1px solid #111;
  border-radius:50%;
  color:#111!important;
  font-size:7px!important;
  line-height:1;
  text-indent:1px;
}
.article-page-v627 .article-body .video-feature .box-video>div{
  display:block!important;
  padding:7px 0 0!important;
  border:0!important;
  background:transparent!important;
}
.article-page-v627 .article-body .video-feature .box-video p{margin:0!important}
.article-page-v627 .article-body .video-feature .box-video p:first-child{
  font-size:22px!important;
  line-height:1.42!important;
  font-weight:850!important;
  letter-spacing:-.025em!important;
  color:#111!important;
}
.article-page-v627 .article-body .video-feature .box-video p:last-child{
  margin-top:4px!important;
  font-size:12px!important;
  line-height:1.75!important;
  color:#6b747b!important;
}
.article-page-v627 .article-body .video-feature .media-embed,
.article-page-v627 .article-body .video-feature .article-embed{
  margin:15px 0 0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.article-page-v627 .article-body .video-feature .youtube-embed{
  border:0!important;
  border-radius:6px!important;
  overflow:hidden!important;
}

/* TOC: the label itself is enough. Remove the decorative line above it and
   keep only the subtle divider between the label and the links. */
.article-page-v627 .article-toc-v621{
  border-top:0!important;
}
.article-page-v627 .article-toc-v621 .article-toc-label{
  padding-top:0!important;
}

/* Profile link reads like a deliberate text link rather than an external-link
   utility. */
.article-page-v627 .author-profile-card-v622 .author-profile-link{
  gap:7px!important;
  white-space:nowrap;
}
.article-page-v627 .author-profile-card-v622 .author-profile-link span{
  display:inline-block;
  font-size:13px;
  line-height:1;
  transform:translateY(-.5px);
}

/* The new label is slightly longer than the old Japanese-only text. */
.back-to-top small{letter-spacing:.045em!important}

@media(max-width:900px){
  .article-page-v627 .article-toc-v621.show-mobile-toc{
    border-top:0!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-label{
    padding-top:0!important;
  }
}

@media(max-width:620px){
  .article-page-v627 .article-body .video-feature{margin:2.75em 0 2.45em!important}
  .article-page-v627 .article-body .video-feature .box-video{padding-bottom:13px!important}
  .article-page-v627 .article-body .video-feature .box-video::before{width:38px;height:3px;margin-bottom:11px}
  .article-page-v627 .article-body .video-feature .box-video>b{font-size:9px!important}
  .article-page-v627 .article-body .video-feature .box-video>b::before{width:19px;height:19px;font-size:6px!important}
  .article-page-v627 .article-body .video-feature .box-video>div{padding-top:6px!important}
  .article-page-v627 .article-body .video-feature .box-video p:first-child{font-size:19px!important;line-height:1.45!important}
  .article-page-v627 .article-body .video-feature .box-video p:last-child{font-size:11px!important;line-height:1.7!important}
  .article-page-v627 .article-body .video-feature .media-embed{margin-top:12px!important}
  .article-page-v627 .article-body .video-feature .youtube-embed{border-radius:4px!important}
  .article-page-v627 .author-profile-card-v622 .author-profile-link{white-space:normal}
}


/* ======================================================================
   v6.29 — cleaner video lead, TOC rhythm, editor OGP preview
   ====================================================================== */
/* Video lead: only the requested title + helper copy. */
.article-page-v627 .article-body .video-feature .box-video{
  padding:0 0 12px!important;
  border:0!important;
}
.article-page-v627 .article-body .video-feature .box-video::before,
.article-page-v627 .article-body .video-feature .box-video>b{display:none!important;content:none!important}
.article-page-v627 .article-body .video-feature .box-video>div{padding:0!important}
.article-page-v627 .article-body .video-feature .box-video p:first-child{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  font-size:22px!important;
  line-height:1.4!important;
}
.article-page-v627 .article-body .video-feature .box-video p:first-child::before{
  content:"▶";
  display:inline-grid;
  place-items:center;
  flex:0 0 24px;
  width:24px;
  height:24px;
  border:1px solid #1a1d20;
  border-radius:50%;
  color:#111;
  font-size:7px;
  line-height:1;
  text-indent:1px;
}
.article-page-v627 .article-body .video-feature .box-video p:last-child{margin-top:5px!important;padding-left:34px!important}
.article-page-v627 .article-body .video-feature .media-embed,
.article-page-v627 .article-body .video-feature .article-embed{margin-top:10px!important}

/* TOC: remove the floating horizontal divider; use one continuous left rail. */
.article-page-v627 .article-toc-v621 .article-toc-label{
  padding:0 0 12px!important;
}
.article-page-v627 .article-toc-v621 .article-toc-label b{
  font-size:15px!important;
  line-height:1.35!important;
  font-weight:800!important;
}
.article-page-v627 .article-toc-v621 nav{
  border-top:0!important;
  border-left:1px solid #cfd5da!important;
  padding:0 0 0 0!important;
}
.article-page-v627 .article-toc-v621 a{
  margin-left:-1px!important;
  padding:8px 9px 8px 12px!important;
  border-left:1px solid transparent!important;
  font-size:12.5px!important;
  line-height:1.7!important;
  color:#59636b!important;
}
.article-page-v627 .article-toc-v621 a.is-active{
  border-left-color:#111!important;
  color:#111!important;
}@media (hover: hover) and (pointer: fine){.article-page-v627 .article-toc-v621 a:hover{
  border-left-color:#111!important;
  color:#111!important;
}}
.article-page-v627 .article-toc-v621 a.toc-level-3{padding-left:24px!important;font-size:11.5px!important}

/* OGP preview must show the real social ratio without cropping. */
.editor-og-section .cover-preview{aspect-ratio:40/21!important;background:#eef2f4!important}
.editor-og-section .cover-preview img{object-fit:contain!important;background:#eef2f4}

@media(max-width:900px){
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-label{padding:0 0 11px!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-label b{font-size:15px!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc nav{border-left:1px solid #cfd5da!important;border-top:0!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc a{
    margin-left:-1px!important;
    padding:9px 8px 9px 12px!important;
    border-left:1px solid transparent!important;
    border-bottom:0!important;
    font-size:12.5px!important;
    line-height:1.7!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc a.is-active{border-left-color:#111!important}@media (hover: hover) and (pointer: fine){.article-page-v627 .article-toc-v621.show-mobile-toc a:hover{border-left-color:#111!important}}
}
@media(max-width:620px){
  .article-page-v627 .article-body .video-feature .box-video p:first-child{font-size:19px!important;gap:9px!important}
  .article-page-v627 .article-body .video-feature .box-video p:first-child::before{width:22px;height:22px;flex-basis:22px}
  .article-page-v627 .article-body .video-feature .box-video p:last-child{padding-left:31px!important}
}

/* v6.29 final TOC sizing */
@media(min-width:901px){
  .article-page-v627 .article-reading-grid-v621{grid-template-columns:minmax(0,780px) 240px!important;gap:58px!important}
}
.article-page-v627 .article-toc-v621 .article-toc-label b{font-size:16px!important}
.article-page-v627 .article-toc-v621 a{font-size:13.5px!important;line-height:1.72!important}
.article-page-v627 .article-toc-v621 a.toc-level-3{font-size:12.5px!important}
@media(max-width:900px){
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-label b{font-size:16px!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc a{font-size:13.5px!important;line-height:1.72!important}
}

/* ======================================================================
   v6.30 — author signature / compact article return / orbital hero motion
   ====================================================================== */

/* Article author: editorial signature rather than a generic card. */
.article-page-v627 .author-profile-card-v630{
  position:relative!important;
  grid-template-columns:70px minmax(0,1fr) 190px!important;
  gap:20px!important;
  align-items:start!important;
  padding:29px 0 18px!important;
  border:0!important;
  border-top:1px solid #111!important;
  background:transparent!important;
  overflow:visible!important;
}
.article-page-v627 .author-profile-card-v630::before{
  content:"";
  position:absolute;
  top:-2px;
  left:0;
  width:72px;
  height:3px;
  background:linear-gradient(90deg,var(--cyan) 0 46%,var(--pink) 46% 75%,var(--lime) 75% 100%);
  transform:skewX(-18deg);
  transform-origin:left center;
}
.article-page-v627 .author-profile-card-v630>img{
  width:70px!important;
  height:70px!important;
  border-radius:18px!important;
  box-shadow:4px 4px 0 rgba(58,205,242,.55)!important;
}
.article-page-v627 .author-profile-card-v630>.author-profile-copy>span{
  margin-bottom:3px!important;
  font-size:9px!important;
  color:#778189!important;
  letter-spacing:.015em!important;
}
.article-page-v627 .author-profile-card-v630>.author-profile-copy>b{
  margin:0 0 7px!important;
  font-size:18px!important;
  line-height:1.3!important;
  letter-spacing:-.02em!important;
}
.article-page-v627 .author-profile-card-v630>.author-profile-copy>p{
  max-width:720px!important;
  font-size:11.5px!important;
  line-height:1.9!important;
  color:#5f6971!important;
}
.article-page-v627 .author-profile-card-v630 .author-socials-v622{
  margin-top:13px!important;
  padding-top:0!important;
  border-top:0!important;
  gap:8px 15px!important;
}
.article-page-v627 .author-profile-card-v630 .author-socials-v622>span{
  color:#8a9298!important;
}
.article-page-v627 .author-profile-card-v630 .author-socials-v622 a{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:5px!important;
  padding:2px 0 3px!important;
}
.article-page-v627 .author-profile-card-v630 .author-socials-v622 a::after{
  transform-origin:left center!important;
}
.article-page-v627 .author-profile-card-v630 .author-profile-link{
  align-self:center!important;
  justify-self:end!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  font-size:10.5px!important;
  line-height:1.45!important;
  font-weight:800!important;
  color:#111!important;
}
.article-page-v627 .author-profile-card-v630 .author-profile-link span{
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border:1px solid #111!important;
  border-radius:50%!important;
  font-size:13px!important;
  line-height:1!important;
  transform:none!important;
  transition:background-color .18s ease,color .18s ease,transform .18s ease!important;
}
@media(hover:hover){
  @media (hover: hover) and (pointer: fine){.article-page-v627 .author-profile-card-v630 .author-profile-link:hover{opacity:1!important}}
  @media (hover: hover) and (pointer: fine){.article-page-v627 .author-profile-card-v630 .author-profile-link:hover span{
    background:#111!important;
    color:#fff!important;
    transform:translateX(2px)!important;
  }}
}

/* The return action is intentionally compact: icon + text, no full-width rule. */
.article-page-v627 .article-end-v621>.article-back-link-v630{
  justify-self:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin-top:8px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:5px 3px!important;
  color:#111!important;
  font-size:11px!important;
  line-height:1.4!important;
  font-weight:800!important;
}
.article-back-icon-v630{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #111;
  border-radius:50%;
  font-size:13px;
  line-height:1;
  transition:background-color .18s ease,color .18s ease,transform .18s ease;
}
@media(hover:hover){
  @media (hover: hover) and (pointer: fine){.article-page-v627 .article-end-v621>.article-back-link-v630:hover{opacity:1!important}}
  @media (hover: hover) and (pointer: fine){.article-page-v627 .article-end-v621>.article-back-link-v630:hover .article-back-icon-v630{
    background:#111;
    color:#fff;
    transform:translateX(-2px);
  }}
}

/* Hero comets: two small, intermittent orbital sweeps. The movement is kept
   decorative and brief rather than continuously spinning around the hero. */
.hero-comet-v630{
  position:absolute;
  z-index:7;
  width:180px;
  height:108px;
  pointer-events:none;
  overflow:visible;
  contain:layout style;
}
.hero-comet-v630-a{left:0;top:1.5%}
.hero-comet-v630-b{right:0;bottom:1.5%;width:176px}
.hero-comet-trail-v630{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
}
.hero-comet-trail-v630 path{
  fill:none;
  stroke:#111;
  stroke-width:1.35;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
}
.hero-comet-base-v630{opacity:.15}
.hero-comet-sweep-v630{
  stroke-dasharray:260;
  stroke-dashoffset:260;
  opacity:0;
  animation:heroCometTrailV630 7.6s cubic-bezier(.22,.7,.28,1) infinite;
}
.hero-comet-head-v630,
.hero-comet-particle-v630{
  position:absolute;
  display:block;
  width:12px;
  height:12px;
  background:#111;
  clip-path:polygon(50% 0,60% 37%,100% 50%,60% 63%,50% 100%,40% 63%,0 50%,40% 37%);
  opacity:0;
  transform-origin:center;
}
.hero-comet-v630-a .hero-comet-head-v630{
  left:0;
  top:0;
  background:var(--pink);
  offset-path:path("M16 84 C 38 31, 112 15, 164 49");
  offset-distance:0%;
  offset-rotate:0deg;
  animation:heroCometHeadV630 7.6s cubic-bezier(.22,.7,.28,1) infinite;
}
.hero-comet-v630-b .hero-comet-head-v630{
  left:0;
  top:0;
  background:#111;
  offset-path:path("M160 18 C 135 71, 70 92, 15 60");
  offset-distance:0%;
  offset-rotate:0deg;
  animation:heroCometHeadV630 7.6s cubic-bezier(.22,.7,.28,1) infinite;
}
.hero-comet-v630-a .hero-comet-sweep-v630,
.hero-comet-v630-a .hero-comet-head-v630,
.hero-comet-v630-a .hero-comet-particle-v630{animation-delay:-4.95s}
.hero-comet-v630-b .hero-comet-sweep-v630,
.hero-comet-v630-b .hero-comet-head-v630,
.hero-comet-v630-b .hero-comet-particle-v630{animation-delay:-1.15s}
.hero-comet-particle-v630{width:7px;height:7px;animation:heroCometParticleV630 7.6s ease-in-out infinite}
.hero-comet-v630-a .p1{left:23px;top:25px}
.hero-comet-v630-a .p2{left:47px;top:10px;width:5px;height:5px}
.hero-comet-v630-b .p1{right:24px;bottom:20px}
.hero-comet-v630-b .p2{right:49px;bottom:7px;width:5px;height:5px}
@keyframes heroCometTrailV630{
  0%,55%{stroke-dashoffset:260;opacity:0}
  58%{opacity:.46}
  72%{stroke-dashoffset:0;opacity:.58}
  78%,100%{stroke-dashoffset:0;opacity:0}
}
@keyframes heroCometHeadV630{
  0%,55%{offset-distance:0%;opacity:0;transform:scale(.65)}
  58%{opacity:.98;transform:scale(.78)}
  72%{offset-distance:100%;opacity:1;transform:scale(1.05)}
  77%,100%{offset-distance:100%;opacity:0;transform:scale(.75)}
}
@keyframes heroCometParticleV630{
  0%,65%{opacity:0;transform:scale(.45) rotate(0deg)}
  71%{opacity:.72;transform:scale(1) rotate(20deg)}
  78%,100%{opacity:0;transform:scale(.55) rotate(42deg)}
}

@supports not (offset-path:path("M0 0 L10 10")){
  .hero-comet-head-v630{display:none}
}

@media(max-width:900px){
  .hero-comet-v630{width:150px;height:90px;transform:scale(.9);transform-origin:center}
  .hero-comet-v630-a{left:1%;top:2%}
  .hero-comet-v630-b{right:1%;bottom:3%;width:147px}
  .hero-comet-v630-a .hero-comet-head-v630{offset-path:path("M13 70 C 32 25, 93 13, 137 41")}
  .hero-comet-v630-b .hero-comet-head-v630{offset-path:path("M134 15 C 113 58, 59 76, 13 50")}
  .article-page-v627 .author-profile-card-v630{
    grid-template-columns:58px minmax(0,1fr)!important;
    gap:15px!important;
    padding:25px 0 16px!important;
  }
  .article-page-v627 .author-profile-card-v630>img{width:58px!important;height:58px!important;border-radius:15px!important}
  .article-page-v627 .author-profile-card-v630 .author-profile-link{
    grid-column:2!important;
    justify-self:start!important;
    margin-top:2px!important;
  }
}
@media(max-width:620px){
  .hero-comet-v630{width:126px;height:76px;transform:scale(.85)}
  .hero-comet-v630-a{left:0;top:4%}
  .hero-comet-v630-b{right:0;bottom:5%;width:124px}
  .hero-comet-v630-a .hero-comet-head-v630{offset-path:path("M11 59 C 27 21, 78 11, 115 34")}
  .hero-comet-v630-b .hero-comet-head-v630{offset-path:path("M113 13 C 95 49, 50 64, 11 42")}
  .hero-comet-head-v630{width:10px;height:10px}
  .hero-comet-particle-v630{width:6px;height:6px}
  .article-page-v627 .author-profile-card-v630{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:13px!important;
    padding:22px 0 14px!important;
  }
  .article-page-v627 .author-profile-card-v630::before{width:58px}
  .article-page-v627 .author-profile-card-v630>img{width:50px!important;height:50px!important;border-radius:13px!important;box-shadow:3px 3px 0 rgba(58,205,242,.5)!important}
  .article-page-v627 .author-profile-card-v630>.author-profile-copy>b{font-size:17px!important}
  .article-page-v627 .author-profile-card-v630>.author-profile-copy>p{font-size:11px!important;line-height:1.82!important}
  .article-page-v627 .author-profile-card-v630 .author-socials-v622{gap:7px 12px!important}
  .article-page-v627 .author-profile-card-v630 .author-profile-link{font-size:10px!important}
  .article-page-v627 .article-end-v621>.article-back-link-v630{margin-top:3px!important}
}

/* Respect OS motion preferences: retain a faint editorial flourish, remove motion. */
@media(prefers-reduced-motion:reduce){
  .hero-comet-sweep-v630{animation:none!important;opacity:0!important}.hero-comet-base-v630{opacity:.14!important}
  .hero-comet-head-v630,
  .hero-comet-particle-v630{display:none!important;animation:none!important}
}
.archive-hero-v625 p{text-wrap:balance}

.archive-copy-nowrap{white-space:nowrap}


/* ======================================================================
   v6.31 — comet motion refinement
   The motion path is a guide, not a permanent ornament. Nothing is visible
   while the effect is idle; only a short tail + head appear during each pass.
   ====================================================================== */
.hero-comet-base-v630{display:none!important}
.hero-comet-v630-a{--comet-cycle:9.8s;--comet-delay:-4.15s}
.hero-comet-v630-b{--comet-cycle:12.4s;--comet-delay:-1.7s}
.hero-comet-sweep-v630,
.hero-comet-echo-v631{
  stroke-dasharray:18 100!important;
  stroke-dashoffset:18;
  opacity:0;
  animation:heroCometTailV631 var(--comet-cycle) cubic-bezier(.16,1,.3,1) infinite!important;
  animation-delay:var(--comet-delay)!important;
}
.hero-comet-sweep-v630{
  stroke:#111!important;
  stroke-width:1.35!important;
}
.hero-comet-v630-a .hero-comet-sweep-v630{stroke:var(--pink)!important}
.hero-comet-echo-v631{
  stroke:#111!important;
  stroke-width:3.8!important;
  opacity:0;
}
.hero-comet-v630-a .hero-comet-echo-v631{stroke:var(--pink)!important}
.hero-comet-head-v630{
  animation:heroCometHeadV631 var(--comet-cycle) cubic-bezier(.16,1,.3,1) infinite!important;
  animation-delay:var(--comet-delay)!important;
}
.hero-comet-particle-v630{
  animation:heroCometParticleV631 var(--comet-cycle) ease-out infinite!important;
  animation-delay:var(--comet-delay)!important;
}
.hero-comet-v630-a .hero-comet-head-v630{
  filter:drop-shadow(0 2px 4px rgba(255,79,145,.12));
}
.hero-comet-v630-b .hero-comet-head-v630{
  filter:drop-shadow(0 2px 4px rgba(17,17,17,.10));
}
@keyframes heroCometTailV631{
  0%,70%{stroke-dashoffset:18;opacity:0}
  71%{opacity:.04}
  72%{opacity:.5}
  79%{stroke-dashoffset:-82;opacity:.52}
  81%{opacity:.12}
  83%,100%{stroke-dashoffset:-82;opacity:0}
}
@keyframes heroCometHeadV631{
  0%,70%{offset-distance:0%;opacity:0;transform:scale(.55) rotate(-8deg)}
  71.5%{opacity:.94;transform:scale(.8) rotate(-3deg)}
  79%{offset-distance:100%;opacity:1;transform:scale(1.02) rotate(8deg)}
  81.5%{offset-distance:100%;opacity:.14;transform:scale(.7) rotate(14deg)}
  83%,100%{offset-distance:100%;opacity:0;transform:scale(.55) rotate(14deg)}
}
@keyframes heroCometParticleV631{
  0%,74%{opacity:0;transform:translate3d(0,3px,0) scale(.35) rotate(0deg)}
  77%{opacity:.58;transform:translate3d(0,0,0) scale(.88) rotate(16deg)}
  80.5%{opacity:.16;transform:translate3d(2px,-3px,0) scale(.68) rotate(30deg)}
  83%,100%{opacity:0;transform:translate3d(4px,-5px,0) scale(.35) rotate(44deg)}
}
/* No static fallback: if motion paths are unavailable, the decorative effect
   disappears rather than leaving an unexplained arc behind. */
@supports not (offset-path:path("M0 0 L10 10")){
  .hero-comet-v630{display:none!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-comet-v630{display:none!important}
}

/* v6.31 echo is deliberately softer than the core tail. */
.hero-comet-echo-v631{animation-name:heroCometEchoV631!important}
@keyframes heroCometEchoV631{0%,70%{stroke-dashoffset:18;opacity:0}71.5%{opacity:.02}73%{opacity:.09}79%{stroke-dashoffset:-82;opacity:.11}81%{opacity:.03}83%,100%{stroke-dashoffset:-82;opacity:0}}

/* ======================================================================
   v6.32 — tighter article reading rhythm
   Reduce the dead space before the body and above headings while keeping
   enough separation for long-form readability.
   ====================================================================== */
.article-page-v627 .article-body > :first-child{
  margin-top:0!important;
}
.article-page-v627 .article-body h2,
.rich-editor.article-body h2{
  margin:2.35em 0 .82em!important;
  padding-top:18px!important;
}
.article-page-v627 .article-body h3,
.rich-editor.article-body h3{
  margin:2em 0 .68em!important;
}
@media(min-width:901px){
  .article-page-v627 .article-reading-grid-v621,
  .article-page-v627 .article-reading-grid-v621.no-toc{
    margin-top:34px!important;
  }
}
@media(max-width:900px){
  .article-page-v627 .article-reading-grid-v621,
  .article-page-v627 .article-reading-grid-v621.no-toc{
    margin-top:28px!important;
  }
  .article-page-v627 .article-body h2,
  .rich-editor.article-body h2{
    margin-top:2.3em!important;
    padding-top:15px!important;
  }
  .article-page-v627 .article-body h3,
  .rich-editor.article-body h3{
    margin-top:1.95em!important;
  }
}
@media(max-width:620px){
  .article-page-v627 .article-reading-grid-v621,
  .article-page-v627 .article-reading-grid-v621.no-toc{
    margin-top:24px!important;
  }
  .article-page-v627 .article-body h2,
  .rich-editor.article-body h2{
    margin-top:2.2em!important;
    padding-top:14px!important;
  }
  .article-page-v627 .article-body h3,
  .rich-editor.article-body h3{
    margin-top:1.85em!important;
  }
}


/* ======================================================================
   v6.33 — de-AI polish: quieter link cues / refined mobile actions
   ====================================================================== */

/* Footer brand should feel like the header brand: icon motion only. */
@media (hover: hover) and (pointer: fine){.footer-brand-link-v626:hover b{text-decoration:none!important}}
.footer-brand-link-v626 img{transition:transform .2s ease!important}
@media (hover:hover){
  @media (hover: hover) and (pointer: fine){.footer-brand-link-v626:hover img{transform:rotate(-5deg)!important}}
}

/* Homepage CTA: cleaner label, no decorative arrow glyph. */
.hero-editorial .hero-actions .btn span{display:none!important}

/* Social rows: remove the AI-ish external-arrow column and let the row itself
   act as the cue. The tag remains as a calm destination hint. */
.editorial-social-row{grid-template-columns:62px minmax(0,1fr) auto!important}
.editorial-social-row>b{display:none!important}
.editorial-social-row .social-tag{justify-self:end!important;transition:transform .18s ease,box-shadow .18s ease!important}
@media(hover:hover){
  @media (hover: hover) and (pointer: fine){.editorial-social-row:hover .social-tag{transform:translate(2px,-2px)!important}}
}

/* Profile CTA: no neon hover. Keep it editorial and quiet. */
.article-page-v627 .author-profile-card-v630 .author-profile-link{
  padding:8px 0!important;
  border-top:1px solid transparent!important;
  transition:opacity .18s ease,color .18s ease!important;
}
.article-page-v627 .author-profile-card-v630 .author-profile-link span{
  background:transparent!important;
  color:#111!important;
  border-color:#111!important;
  transition:border-color .18s ease,color .18s ease,transform .18s ease,background-color .18s ease!important;
}
@media(hover:hover){
  @media (hover: hover) and (pointer: fine){.article-page-v627 .author-profile-card-v630 .author-profile-link:hover{
    opacity:.78!important;
    color:#111!important;
  }}
  @media (hover: hover) and (pointer: fine){.article-page-v627 .author-profile-card-v630 .author-profile-link:hover span{
    background:transparent!important;
    color:var(--pink)!important;
    border-color:var(--pink)!important;
    transform:translateX(2px)!important;
  }}
}

/* Small-screen hero: breathe between actions and the visual, and move the
   background X down a little so it never crowds the CTA row. */
@media(max-width:620px){
  .hero-editorial-visual{margin-top:18px!important}
  .hero-x-ghost{right:-2%!important;top:6px!important;font-size:242px!important}
  .hero-editorial .hero-actions{margin-bottom:2px!important}
  .editorial-social-row{grid-template-columns:46px minmax(0,1fr)!important;gap:12px!important}
  .editorial-social-row .social-tag{display:none!important}
  .article-row-main h3,.article-row-main h2,.archive-row .article-row-main h2{font-size:18px!important;line-height:1.5!important;overflow-wrap:anywhere!important;word-break:break-word!important}
  .editorial-article-page .article-header h1{overflow-wrap:anywhere!important;word-break:break-word!important}
}
@media(max-width:430px){
  .hero-editorial-visual{margin-top:22px!important}
  .hero-x-ghost{top:12px!important;font-size:232px!important}
}

/* Mobile article-end links: consistent rows with a divider and the icon on
   the trailing edge, so they do not look like left/right arrows floating. */
@media(max-width:620px){
  .article-page-v627 .author-profile-card-v630 .author-profile-link,
  .article-page-v627 .article-end-v621>.article-back-link-v630{
    width:100%!important;
    justify-content:space-between!important;
    gap:14px!important;
    padding:14px 0 0!important;
    border-top:1px solid #d3dae0!important;
    margin-top:14px!important;
    font-size:11px!important;
  }
  .article-page-v627 .author-profile-card-v630 .author-profile-link span,
  .article-page-v627 .article-end-v621>.article-back-link-v630 .article-back-icon-v630{
    order:2!important;
    flex:0 0 auto!important;
    width:30px!important;
    height:30px!important;
    font-size:12px!important;
  }
  .article-page-v627 .author-profile-card-v630 .author-profile-link{grid-column:1/-1!important}
  .article-page-v627 .article-end-v621>.article-back-link-v630{margin-top:18px!important}
}


/* ======================================================================
   v6.34 — author mobile grouping / boxed article return / richer comets
   ====================================================================== */

/* Footer brand: never draw the generic editorial-footer pink underline. */
.editorial-footer .footer-brand-link-v626::after{display:none!important;content:none!important}

/* Desktop keeps the side CTA. The mobile version lives inside the profile copy. */
.author-profile-link-mobile-v634{display:none!important}
.author-profile-link-desktop-v634{display:inline-flex!important}

/* More frequent comet passes. Idle state remains completely invisible. */
.hero-comet-v630-a{--comet-cycle:6.9s!important;--comet-delay:-2.65s!important}
.hero-comet-v630-b{--comet-cycle:8.4s!important;--comet-delay:-.9s!important}

/* Sparkle palette: site colors, appearing after the head passes. */
.hero-comet-particle-v630{
  background:#111!important;
  filter:none!important;
  animation-name:heroCometSparkleV634!important;
  animation-timing-function:cubic-bezier(.16,1,.3,1)!important;
}
.hero-comet-v630 .p1{background:var(--cyan)!important;box-shadow:0 0 0 1px rgba(66,215,255,.08),0 0 10px rgba(66,215,255,.22)!important}
.hero-comet-v630 .p2{background:var(--pink)!important;box-shadow:0 0 0 1px rgba(255,79,139,.08),0 0 10px rgba(255,79,139,.20)!important}
.hero-comet-v630 .p3{background:var(--lime)!important;box-shadow:0 0 0 1px rgba(216,255,62,.12),0 0 10px rgba(216,255,62,.22)!important}
.hero-comet-v630 .p4{background:#111!important;box-shadow:0 0 8px rgba(17,17,17,.12)!important}
.hero-comet-v630 .p2{animation-delay:calc(var(--comet-delay) + .10s)!important}
.hero-comet-v630 .p3{animation-delay:calc(var(--comet-delay) + .19s)!important}
.hero-comet-v630 .p4{animation-delay:calc(var(--comet-delay) + .28s)!important}
.hero-comet-v630-a .p3{left:69px;top:21px;width:8px;height:8px}
.hero-comet-v630-a .p4{left:91px;top:39px;width:5px;height:5px}
.hero-comet-v630-b .p3{right:68px;bottom:20px;width:8px;height:8px}
.hero-comet-v630-b .p4{right:91px;bottom:36px;width:5px;height:5px}
@keyframes heroCometSparkleV634{
  0%,77%{opacity:0;transform:translate3d(0,2px,0) scale(.22) rotate(0deg)}
  79%{opacity:.98;transform:translate3d(0,0,0) scale(1.34) rotate(22deg)}
  81%{opacity:.46;transform:translate3d(2px,-3px,0) scale(.76) rotate(45deg)}
  83%{opacity:.92;transform:translate3d(4px,-5px,0) scale(1.08) rotate(70deg)}
  86%{opacity:.18;transform:translate3d(7px,-8px,0) scale(.56) rotate(98deg)}
  88%,100%{opacity:0;transform:translate3d(9px,-10px,0) scale(.28) rotate(118deg)}
}

@media(max-width:620px){
  /* Profile action stays attached to the author information instead of becoming
     an isolated full-width navigation row. */
  .author-profile-link-desktop-v634{display:none!important}
  .article-page-v627 .author-profile-card-v630 .author-profile-link-mobile-v634{
    display:inline-flex!important;
    width:max-content!important;
    max-width:100%!important;
    justify-content:flex-start!important;
    gap:9px!important;
    margin-top:15px!important;
    padding:0!important;
    border:0!important;
    font-size:10.5px!important;
    white-space:normal!important;
  }
  .article-page-v627 .author-profile-card-v630 .author-profile-link-mobile-v634 span{
    order:0!important;
    width:25px!important;
    height:25px!important;
    font-size:11px!important;
  }

  /* Article archive return becomes one deliberate box, not another loose arrow row. */
  .article-page-v627 .article-end-v621>.article-back-link-v630{
    width:100%!important;
    max-width:none!important;
    justify-content:space-between!important;
    margin-top:22px!important;
    padding:15px 16px!important;
    border:1px solid #aeb8bf!important;
    border-radius:9px!important;
    background:rgba(255,255,255,.56)!important;
    box-shadow:3px 3px 0 rgba(66,215,255,.35)!important;
    font-size:11px!important;
  }
  .article-page-v627 .article-end-v621>.article-back-link-v630 .article-back-icon-v630{
    order:2!important;
    width:28px!important;
    height:28px!important;
    border-color:#111!important;
    background:#111!important;
    color:#fff!important;
  }

  /* Slightly denser sparkle cloud on small screens without enlarging its footprint. */
  .hero-comet-v630-a .p3{left:54px;top:18px;width:7px;height:7px}
  .hero-comet-v630-a .p4{left:72px;top:31px;width:4px;height:4px}
  .hero-comet-v630-b .p3{right:53px;bottom:17px;width:7px;height:7px}
  .hero-comet-v630-b .p4{right:72px;bottom:29px;width:4px;height:4px}
}

/* v6.34 final specificity / sparkle placement */
.article-page-v627 .author-profile-card-v630 .author-profile-link-mobile-v634{display:none!important}
@media(max-width:620px){
  .article-page-v627 .author-profile-card-v630 .author-profile-link-desktop-v634{display:none!important}
  .article-page-v627 .author-profile-card-v630 .author-profile-link-mobile-v634{display:inline-flex!important}
}
.hero-comet-v630-a .p1{left:82%!important;top:38%!important}
.hero-comet-v630-a .p2{left:92%!important;top:28%!important}
.hero-comet-v630-a .p3{left:75%!important;top:54%!important}
.hero-comet-v630-a .p4{left:88%!important;top:62%!important}
.hero-comet-v630-b .p1{left:5%!important;right:auto!important;top:54%!important;bottom:auto!important}
.hero-comet-v630-b .p2{left:14%!important;right:auto!important;top:64%!important;bottom:auto!important}
.hero-comet-v630-b .p3{left:22%!important;right:auto!important;top:47%!important;bottom:auto!important}
.hero-comet-v630-b .p4{left:1%!important;right:auto!important;top:39%!important;bottom:auto!important}
/* v6.34 sparkle visibility tuning */
.hero-comet-v630 .p1{width:9px!important;height:9px!important}
.hero-comet-v630 .p2{width:7px!important;height:7px!important}
.hero-comet-v630 .p3{width:10px!important;height:10px!important}
.hero-comet-v630 .p4{width:6px!important;height:6px!important}
@media(max-width:620px){.hero-comet-v630 .p1{width:8px!important;height:8px!important}.hero-comet-v630 .p2{width:6px!important;height:6px!important}.hero-comet-v630 .p3{width:9px!important;height:9px!important}.hero-comet-v630 .p4{width:5px!important;height:5px!important}}


/* ======================================================================
   v6.35 — homepage copy / CTA rhythm / mobile background-X position
   ====================================================================== */
@media(min-width:901px){
  .hero-editorial .hero-actions{gap:20px!important}
}
@media(max-width:620px){
  .hero-x-ghost{top:-10px!important}
}
@media(max-width:430px){
  .hero-x-ghost{top:-8px!important}
}


/* ======================================================================
   v6.36 — anonymous question transparency / abuse-response metadata
   ====================================================================== */
.ask-card .panel-head small{display:inline-block;margin-top:5px;font-size:10px;line-height:1.7;color:#7a838a;font-weight:500}
.question-consent-note{margin:2px 0 0;font-size:10px;line-height:1.75;color:#6d757c;text-align:center}
.question-consent-note a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;color:#111;font-weight:700}
@media (hover: hover) and (pointer: fine){.question-consent-note a:hover{opacity:.65}}
.legal-card a:not(.back-link){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.question-source-meta{margin:12px 0 14px;border-top:1px solid #e3e7ea;border-bottom:1px solid #e3e7ea;padding:9px 0;color:#5f6870}
.question-source-meta summary{cursor:pointer;font-size:9px;font-weight:900;color:#68727a;letter-spacing:.03em}
.question-source-meta dl{display:grid;gap:7px;margin:10px 0 3px}
.question-source-meta dl>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:10px;align-items:start}
.question-source-meta dt{font-size:9px;font-weight:800;color:#8a9298}
.question-source-meta dd{margin:0;font-size:10px;line-height:1.55;overflow-wrap:anywhere;word-break:break-word;color:#333b42}
@media(max-width:620px){
  .ask-card .panel-head small{font-size:9.5px}
  .question-consent-note{font-size:9.5px;text-align:left}
  .question-source-meta dl>div{grid-template-columns:72px minmax(0,1fr)}
}

/* ======================================================================
   v6.39 — mobile article-title overflow hardening
   Japanese titles must wrap inside the viewport on every narrow device.
   ====================================================================== */
@media(max-width:900px){
  .article-page-v627 .article-title-stage-v621,
  .article-page-v627 .article-title-stage-v621 h1{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
  .article-page-v627 .article-title-stage-v621 h1>span{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    word-break:normal!important;
    overflow-wrap:anywhere!important;
    line-break:strict!important;
  }
}
@media(max-width:430px){
  .article-page-v627 .article-title-stage-v621 h1{
    font-size:clamp(30px,8.9vw,38px)!important;
    line-height:1.17!important;
    letter-spacing:-.045em!important;
  }
}
@media(max-width:360px){
  .article-page-v627 .article-title-stage-v621 h1{
    font-size:30px!important;
    line-height:1.18!important;
    letter-spacing:-.04em!important;
  }
}

/* ======================================================================
   v6.40 — responsive two-line article title
   Keep the editorial two-line composition on phones without clipping.
   ====================================================================== */
@media(max-width:900px){
  .article-page-v627 .article-header-v621{
    padding-top:22px!important;
  }
  .article-page-v627 .article-title-stage-v621 h1{
    width:100%!important;
    max-width:100%!important;
    margin-inline:auto!important;
    text-align:center!important;
    font-size:clamp(16px,5.2vw,32px)!important;
    line-height:1.045!important;
    letter-spacing:-.045em!important;
    row-gap:.055em!important;
    text-wrap:initial!important;
  }
  .article-page-v627 .article-title-stage-v621 h1>span{
    display:block!important;
    width:max-content!important;
    max-width:none!important;
    margin-inline:auto!important;
    white-space:nowrap!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
    line-break:auto!important;
  }
  .article-page-v627 .article-title-stage-v621 .article-title-rules{
    justify-content:center!important;
    margin:13px 0 12px!important;
  }
}
@media(max-width:430px){
  .article-page-v627 .article-header-v621{padding-top:18px!important}
  .article-page-v627 .article-title-stage-v621 h1{
    font-size:clamp(15.5px,5.15vw,24px)!important;
    line-height:1.035!important;
    letter-spacing:-.04em!important;
    row-gap:.04em!important;
  }
}
@media(max-width:360px){
  .article-page-v627{padding-left:12px!important;padding-right:12px!important}
  .article-page-v627 .article-title-stage-v621 h1{
    font-size:clamp(15px,5vw,18px)!important;
    line-height:1.03!important;
  }
}
/* v6.40.1: tighten the space below the mobile header as well. */
@media(max-width:900px){
  .article-page-v627{padding-top:14px!important}
  .article-page-v627 .article-header-v621{padding-top:16px!important}
}
@media(max-width:430px){
  .article-page-v627{padding-top:8px!important}
  .article-page-v627 .article-header-v621{padding-top:10px!important}
}


/* ======================================================================
   v6.41 — mobile article title left alignment
   Keep v6.40's responsive two-line sizing, but align the editorial title
   and its accent rules to the content edge.
   ====================================================================== */
@media(max-width:900px){
  .article-page-v627 .article-title-stage-v621 h1{
    text-align:left!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .article-page-v627 .article-title-stage-v621 h1>span{
    margin-left:0!important;
    margin-right:0!important;
  }
  .article-page-v627 .article-title-stage-v621 .article-title-rules{
    justify-content:flex-start!important;
  }
}

/* ======================================================================
   v6.46 — article author profile hover fix
   Keep the link itself transparent; only the small arrow circle reacts.
   This overrides the legacy .author-profile-card>a:hover lime fill.
   ====================================================================== */
.article-page-v627 .author-profile-card-v630 .author-profile-link,
.article-page-v627 .author-profile-card-v630 > .author-profile-link{
  background:transparent!important;
  color:#111!important;
  border:0!important;
  box-shadow:none!important;
}
@media(hover:hover){
  @media (hover: hover) and (pointer: fine){.article-page-v627 .author-profile-card-v630 .author-profile-link:hover,
.article-page-v627 .author-profile-card-v630 > .author-profile-link:hover{
    background:transparent!important;
    color:#111!important;
    opacity:.82!important;
  }}
  @media (hover: hover) and (pointer: fine){.article-page-v627 .author-profile-card-v630 .author-profile-link:hover span{
    background:#111!important;
    color:#fff!important;
    border-color:#111!important;
    transform:translateX(2px)!important;
  }}
}

@media(hover:hover) and (pointer:fine){.back-to-top:hover{background:#111;color:#fff;box-shadow:5px 5px 0 var(--pink);transform:translate(-1px,-1px)}}
@media(hover:none),(pointer:coarse){@media (hover: hover) and (pointer: fine){.back-to-top:hover{background:#fff!important;color:#111!important}}.back-to-top:active{transform:scale(.96)!important}}


/* ======================================================================
   v6.50 — article archive / two-column editorial grid
   Reference direction: Stripe Blog × It's Nice That × INDOEK.
   Image-led, low-chrome, typography-first, two columns on desktop.
   ====================================================================== */
.archive-editorial-list.archive-list-v625{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:28px 24px!important;
  border-top:0!important;
  align-items:start!important;
}
.archive-row-v625{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:0!important;
  border:1px solid #cbd4da!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.72)!important;
  overflow:hidden!important;
  box-shadow:none!important;
  transition:transform .22s cubic-bezier(.2,.7,.2,1),border-color .22s ease,background-color .22s ease!important;
}
.archive-row-v625::before{
  content:""!important;
  position:absolute!important;
  z-index:3!important;
  left:18px!important;
  top:0!important;
  width:92px!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--cyan) 0 46%,transparent 46% 51%,var(--pink) 51% 78%,transparent 78% 83%,var(--lime) 83% 100%)!important;
  transform:skewX(-20deg)!important;
  pointer-events:none!important;
}
.archive-row-v625::after{display:none!important}
.archive-row-v625 .article-row-thumb{
  order:-1!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1200 / 630!important;
  border:0!important;
  border-bottom:1px solid #d3dbe0!important;
  border-radius:0!important;
  background:#e7edf1!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
.archive-row-v625 .article-row-thumb img,
.archive-row-v625 .article-row-thumb .cover-fallback{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transition:transform .34s cubic-bezier(.2,.65,.3,1)!important;
}
.archive-row-v625 .article-row-main{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:230px!important;
  padding:20px 20px 18px!important;
}
.archive-row-v625 .article-row-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 11px!important;
  margin:0 0 13px!important;
  font-family:inherit!important;
  font-size:10px!important;
  line-height:1.2!important;
  color:#78828a!important;
  letter-spacing:0!important;
  text-transform:none!important;
}
.archive-row-v625 .article-row-meta time{
  font-weight:750!important;
  font-variant-numeric:tabular-nums!important;
}
.archive-row-v625 .article-list-category{
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  color:#23282c!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:850!important;
}
.archive-row-v625 .article-list-category::before{
  content:""!important;
  display:block!important;
  width:15px!important;
  height:3px!important;
  margin:0!important;
  background:var(--lime)!important;
  transform:skewX(-22deg)!important;
}
.archive-row-v625 .article-row-main h2{
  margin:0 0 12px!important;
  font-size:clamp(21px,1.8vw,27px)!important;
  line-height:1.34!important;
  letter-spacing:-.045em!important;
  font-weight:950!important;
  text-wrap:balance!important;
  text-decoration:none!important;
  overflow-wrap:anywhere!important;
}
.archive-row-v625 .article-row-main p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  margin:0 0 18px!important;
  color:#69737a!important;
  font-size:11.5px!important;
  line-height:1.75!important;
}
.archive-row-v625 .article-row-main::after{
  content:"記事を読む"!important;
  display:block!important;
  width:max-content!important;
  margin-top:auto!important;
  padding-top:13px!important;
  border-top:1px solid #d8dfe4!important;
  color:#202529!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:850!important;
  letter-spacing:.02em!important;
}
.archive-row-v625 .article-row-go{display:none!important}

@media(hover:hover) and (pointer:fine){
  .archive-row-v625:hover{
    transform:translateY(-3px)!important;
    border-color:#929da5!important;
    background:#fff!important;
  }
  .archive-row-v625:hover .article-row-thumb img{transform:scale(1.018)!important}
  .archive-row-v625:hover .article-row-main h2{
    text-decoration-line:underline!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:5px!important;
    text-decoration-color:#aeb8be!important;
  }
}

@media(max-width:960px){
  .archive-editorial-list.archive-list-v625{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .archive-row-v625{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 210px!important;
    flex-direction:initial!important;
    border-radius:7px!important;
  }
  .archive-row-v625 .article-row-thumb{
    order:initial!important;
    grid-column:2!important;
    grid-row:1!important;
    height:100%!important;
    min-height:190px!important;
    aspect-ratio:auto!important;
    border-bottom:0!important;
    border-left:1px solid #d3dbe0!important;
  }
  .archive-row-v625 .article-row-main{
    grid-column:1!important;
    grid-row:1!important;
    min-height:190px!important;
    padding:18px 18px 17px!important;
  }
  .archive-row-v625 .article-row-main h2{font-size:22px!important}
}

@media(max-width:620px){
  .archive-editorial-list.archive-list-v625{gap:14px!important}
  .archive-row-v625{
    display:flex!important;
    flex-direction:column!important;
    border-radius:7px!important;
  }
  .archive-row-v625::before{left:14px!important;width:74px!important;height:3px!important}
  .archive-row-v625 .article-row-thumb{
    order:-1!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1200 / 630!important;
    border-left:0!important;
    border-bottom:1px solid #d3dbe0!important;
  }
  .archive-row-v625 .article-row-main{
    min-height:0!important;
    padding:15px 15px 16px!important;
  }
  .archive-row-v625 .article-row-meta{margin-bottom:10px!important;font-size:9px!important}
  .archive-row-v625 .article-list-category{font-size:9px!important}
  .archive-row-v625 .article-row-main h2{
    margin-bottom:9px!important;
    font-size:19px!important;
    line-height:1.42!important;
    letter-spacing:-.035em!important;
    text-wrap:pretty!important;
  }
  .archive-row-v625 .article-row-main p{
    margin-bottom:14px!important;
    font-size:10.5px!important;
    line-height:1.7!important;
  }
  .archive-row-v625 .article-row-main::after{padding-top:11px!important;font-size:9.5px!important}
}



/* ======================================================================
   v6.51 — archive cards refined from real editorial/card patterns
   ====================================================================== */
/* Separate the section heading from the card surface: no border collision. */
.archive-results-v626 .archive-list-heading-v626{
  margin-bottom:24px!important;
  padding-bottom:0!important;
  border-bottom:0!important;
}
.archive-results-v626 .archive-list-heading-v626::after{display:none!important}

/* Desktop: two-column editorial grid. Card media carries the visual title,
   so the repeated visual headline is intentionally omitted. */
.archive-editorial-list.archive-list-v625{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:26px 24px!important;
  border-top:0!important;
}
.archive-card-v651{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  padding:0!important;
  border:1px solid #cfd7dc!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.78)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease!important;
}
.archive-card-v651::before,.archive-card-v651::after{display:none!important}
@media (hover: hover) and (pointer: fine){.archive-card-v651:hover{
  padding:0!important;
  transform:none!important;
  border-color:#aeb9c0!important;
  background:#fff!important;
  box-shadow:0 12px 28px rgba(18,31,40,.07)!important;
}}
.archive-card-v651 .archive-card-media-v651{
  order:0!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1200 / 630!important;
  margin:0!important;
  border:0!important;
  border-bottom:1px solid #d9e0e4!important;
  border-radius:0!important;
  background:#eef2f4!important;
  box-shadow:none!important;
  overflow:hidden!important;
  transform:none!important;
}
.archive-card-v651 .archive-card-media-v651 img,
.archive-card-v651 .archive-card-media-v651 .cover-fallback{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  transform:none!important;
  transition:none!important;
}
@media (hover: hover) and (pointer: fine){.archive-card-v651:hover .archive-card-media-v651,
.archive-card-v651:hover .archive-card-media-v651 img{
  transform:none!important;
}}
.archive-card-v651 .archive-card-copy-v651{
  order:1!important;
  display:flex!important;
  flex-direction:column!important;
  flex:1 1 auto!important;
  min-height:154px!important;
  padding:17px 19px 18px!important;
}
.archive-card-v651 .article-row-meta{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  margin:0 0 11px!important;
  color:#727c83!important;
  font-size:9.5px!important;
  line-height:1.25!important;
}
.archive-card-v651 .article-row-meta time{
  font-variant-numeric:tabular-nums!important;
  font-weight:750!important;
}
.archive-card-v651 .article-list-category{
  display:inline-flex!important;
  align-items:center!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#2f373c!important;
  font-size:9.5px!important;
  font-weight:800!important;
}
.archive-card-v651 .article-list-category::before{
  content:""!important;
  display:inline-block!important;
  width:14px!important;
  height:2px!important;
  margin-right:7px!important;
  background:var(--lime)!important;
  transform:skewX(-20deg)!important;
}
.archive-card-v651 .archive-card-copy-v651>p{
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:2!important;
  overflow:hidden!important;
  max-width:none!important;
  margin:0!important;
  color:#5d666d!important;
  font-size:11.5px!important;
  line-height:1.72!important;
}
.archive-card-read-v651{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  margin-top:auto!important;
  padding-top:15px!important;
  color:#111!important;
  font-size:10px!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
}
.archive-card-read-v651::after{
  content:"";
  width:18px;
  height:1px;
  margin-left:8px;
  background:#111;
  transition:width .18s ease;
}
@media(hover:hover) and (pointer:fine){
  .archive-card-v651:hover .archive-card-read-v651::after{width:27px}
}

/* Tablet: preserve card semantics, switch to a horizontal editorial row. */
@media (min-width:621px) and (max-width:960px){
  .archive-editorial-list.archive-list-v625{grid-template-columns:1fr!important;gap:18px!important}
  .archive-card-v651{display:grid!important;grid-template-columns:minmax(0,44%) minmax(0,1fr)!important}
  .archive-card-v651 .archive-card-media-v651{height:100%!important;min-height:210px!important;aspect-ratio:auto!important;border-bottom:0!important;border-right:1px solid #d9e0e4!important}
  .archive-card-v651 .archive-card-copy-v651{min-height:210px!important;padding:20px 22px!important}
}

/* Mobile: one-column media card; hover-only movement is intentionally absent. */
@media (max-width:620px){
  .archive-results-v626 .archive-list-heading-v626{margin-bottom:18px!important}
  .archive-editorial-list.archive-list-v625{grid-template-columns:1fr!important;gap:16px!important}
  .archive-card-v651{display:flex!important;border-radius:12px!important}
  .archive-card-v651 .archive-card-media-v651{aspect-ratio:1200 / 630!important;border-right:0!important;border-bottom:1px solid #d9e0e4!important}
  .archive-card-v651 .archive-card-copy-v651{min-height:138px!important;padding:15px 16px 16px!important}
  .archive-card-v651 .archive-card-copy-v651>p{font-size:11px!important;line-height:1.7!important}
  @media (hover: hover) and (pointer: fine){.archive-card-v651:hover{box-shadow:none!important;border-color:#cfd7dc!important;background:rgba(255,255,255,.78)!important}}
  .archive-card-read-v651{padding-top:13px!important;font-size:9.5px!important}
}
/* v6.51 verification fix: disable the legacy generated CTA left by v6.50. */
.archive-card-v651 .article-row-main::after{display:none!important;content:none!important}


/* ======================================================================
   v6.52 — archive metadata + kinetic editorial read cue
   ====================================================================== */
.archive-card-v651 .archive-card-meta-v652{
  gap:7px 11px!important;
  margin-bottom:12px!important;
}
.archive-card-date-v652{
  display:inline-flex!important;
  align-items:baseline!important;
  gap:5px!important;
  color:#727c83!important;
  white-space:nowrap!important;
}
.archive-card-date-v652 b{
  color:#8b949b!important;
  font-size:8px!important;
  font-weight:850!important;
  letter-spacing:.03em!important;
}
.archive-card-date-v652 time{
  color:#606970!important;
  font-size:9.5px!important;
  font-weight:750!important;
  font-variant-numeric:tabular-nums!important;
}
.archive-card-v651 .article-list-category{
  margin-left:1px!important;
}

/* A restrained motion cue: a black editorial rule unfolds into the site's
   cyan/pink/lime signature on hover instead of using a generic arrow. */
.archive-card-read-v651{
  position:relative!important;
  gap:10px!important;
}
.archive-card-read-v651::after{
  content:""!important;
  display:block!important;
  width:34px!important;
  height:5px!important;
  margin-left:0!important;
  background:
    linear-gradient(#111,#111) left center / 22px 1px no-repeat,
    linear-gradient(90deg,var(--cyan) 0 31%,transparent 31% 36%,var(--pink) 36% 65%,transparent 65% 70%,var(--lime) 70% 100%) right center / 0 4px no-repeat!important;
  transform:skewX(-18deg)!important;
  transform-origin:left center!important;
  transition:width .28s cubic-bezier(.16,1,.3,1),background-size .28s cubic-bezier(.16,1,.3,1),transform .28s cubic-bezier(.16,1,.3,1)!important;
}
@media(hover:hover) and (pointer:fine){
  .archive-card-v651:hover .archive-card-read-v651::after{
    width:52px!important;
    background-size:16px 1px,31px 4px!important;
    transform:translateX(2px) skewX(-18deg)!important;
  }
  .archive-card-v651:hover .archive-card-read-v651{
    letter-spacing:.025em!important;
  }
}
@media(max-width:620px){
  .archive-card-v651 .archive-card-meta-v652{gap:6px 9px!important;margin-bottom:10px!important}
  .archive-card-date-v652 b{font-size:7.5px!important}
  .archive-card-date-v652 time{font-size:9px!important}
  .archive-card-read-v651::after{width:30px!important}
}
@media(prefers-reduced-motion:reduce){
  .archive-card-read-v651::after{transition:none!important}
}
/* v6.52.1 metadata reset: neutral dates, category keeps the lime signature rule. */
.archive-card-v651 .archive-card-date-v652{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#727c83!important;
  font-family:inherit!important;
  font-weight:inherit!important;
  letter-spacing:0!important;
}


/* ======================================================================
   v6.53 — TOC card refresh + archive thumbnail separation
   Reference direction: Linear / Notion docs TOC rhythm + editorial media cards.
   The page background stays calm, while reading surfaces gain contrast.
   ====================================================================== */

/* TOC: replace the continuous rail with individual quiet cards so the list
   feels crafted rather than auto-generated. */
.article-page-v627 .article-toc-v621{
  border:1px solid #d6dee3!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:0 12px 28px rgba(18,31,40,.045)!important;
  backdrop-filter:saturate(118%) blur(4px)!important;
  padding:16px 14px 14px!important;
  border-bottom:1px solid #d6dee3!important;
}
.article-page-v627 .article-toc-v621 .article-toc-label{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:10px!important;
  padding:0 2px 12px!important;
  text-align:left!important;
}
.article-page-v627 .article-toc-v621 .article-toc-label::before{
  content:""!important;
  display:block!important;
  width:28px!important;
  height:4px!important;
  flex:0 0 auto!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--cyan) 0 32%,transparent 32% 38%,var(--pink) 38% 69%,transparent 69% 75%,var(--lime) 75% 100%)!important;
  transform:skewX(-20deg)!important;
}
.article-page-v627 .article-toc-v621 .article-toc-label b{
  margin:0!important;
  font-size:17px!important;
  line-height:1.15!important;
  font-weight:900!important;
  letter-spacing:-.02em!important;
}
.article-page-v627 .article-toc-v621 nav{
  display:grid!important;
  gap:8px!important;
  border:0!important;
  padding:0!important;
}
.article-page-v627 .article-toc-v621 a{
  position:relative!important;
  display:block!important;
  padding:11px 12px 11px 14px!important;
  border:1px solid #e3e8ec!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.72)!important;
  color:#5f6971!important;
  font-size:13px!important;
  line-height:1.62!important;
  text-align:left!important;
  transition:transform .18s ease,border-color .18s ease,background-color .18s ease,box-shadow .18s ease,color .18s ease!important;
}
.article-page-v627 .article-toc-v621 a::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:12px!important;
  width:3px!important;
  height:calc(100% - 24px)!important;
  border-radius:999px!important;
  background:#111!important;
  opacity:.14!important;
  transition:opacity .18s ease,background .18s ease!important;
}
.article-page-v627 .article-toc-v621 a.toc-level-3{
  margin-left:12px!important;
  padding-left:16px!important;
  font-size:12.5px!important;
  color:#727b82!important;
}
.article-page-v627 .article-toc-v621 a.toc-level-3::before{
  left:2px!important;
  width:2px!important;
  opacity:.1!important;
}
@media(hover:hover) and (pointer:fine){
  .article-page-v627 .article-toc-v621 a:hover,
  .article-page-v627 .article-toc-v621 a.is-active{
    transform:translateX(3px)!important;
    color:#111!important;
    border-color:#c8d2d8!important;
    background:#fff!important;
    box-shadow:0 8px 18px rgba(18,31,40,.05)!important;
  }
  .article-page-v627 .article-toc-v621 a:hover::before,
  .article-page-v627 .article-toc-v621 a.is-active::before{
    opacity:1!important;
    background:linear-gradient(180deg,var(--cyan) 0 34%,var(--pink) 34% 71%,var(--lime) 71% 100%)!important;
  }
}
@media(max-width:900px){
  .article-page-v627 .article-toc-v621.show-mobile-toc{
    padding:14px 12px 12px!important;
    border-radius:16px!important;
    box-shadow:none!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-label{
    padding:0 2px 10px!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-label b{
    font-size:16px!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc nav{
    gap:7px!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc a,
  .article-page-v627 .article-toc-v621.show-mobile-toc a.toc-level-3{
    margin-left:0!important;
    padding:10px 11px 10px 13px!important;
    border-bottom:0!important;
    font-size:13px!important;
    line-height:1.6!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc a::before{top:11px!important;height:calc(100% - 22px)!important}
}
@media(max-width:620px){
  .article-page-v627 .article-toc-v621.show-mobile-toc{
    margin-bottom:26px!important;
  }
}

/* Archive: keep the editorial layout, but separate the thumbnail from the site
   background so gray-based OGPs do not visually merge into the page. */
.archive-editorial-list.archive-list-v625{gap:28px 24px!important}
.archive-card-v651{
  background:rgba(255,255,255,.86)!important;
  border-color:#cad4da!important;
  box-shadow:0 10px 24px rgba(18,31,40,.035)!important;
}
.archive-card-v651 .archive-card-media-v651{
  padding:14px!important;
  background:linear-gradient(180deg,#f7f9fa 0%,#eef2f4 100%)!important;
}
.archive-card-v651 .archive-card-media-v651 img,
.archive-card-v651 .archive-card-media-v651 .cover-fallback{
  border:1px solid #dde4e8!important;
  border-radius:10px!important;
  box-shadow:0 8px 18px rgba(18,31,40,.05)!important;
}
.archive-card-v651 .archive-card-copy-v651{
  background:rgba(255,255,255,.92)!important;
}
.archive-card-v651 .archive-card-copy-v651>p{
  color:#556067!important;
}
@media(hover:hover) and (pointer:fine){
  .archive-card-v651:hover{
    border-color:#b4bec5!important;
    box-shadow:0 16px 34px rgba(18,31,40,.07)!important;
  }
  .archive-card-v651:hover .archive-card-media-v651{
    background:linear-gradient(180deg,#fbfcfd 0%,#f1f5f7 100%)!important;
  }
  .archive-card-v651:hover .archive-card-media-v651 img{
    box-shadow:0 12px 24px rgba(18,31,40,.08)!important;
  }
}
@media (min-width:621px) and (max-width:960px){
  .archive-card-v651 .archive-card-media-v651{
    padding:12px!important;
  }
}
@media(max-width:620px){
  .archive-editorial-list.archive-list-v625{gap:18px!important}
  .archive-card-v651 .archive-card-media-v651{
    padding:10px!important;
  }
  .archive-card-v651 .archive-card-media-v651 img,
  .archive-card-v651 .archive-card-media-v651 .cover-fallback{
    border-radius:8px!important;
  }
}


/* ======================================================================
   v6.54 — editorial readability pass
   Research direction: Stripe / Notion / GitHub / Microsoft Design / WIRED,
   plus editorial galleries (SiteInspire, Land-book, Readymag, One Page Love).
   Keep one reading canvas, not nested framed boxes.
   ====================================================================== */

/* ARTICLE DETAIL -------------------------------------------------------
   Long-form pages use a true reading canvas: white paper, almost no grid.
   The TOC is the only boxed navigation surface, so body + TOC do not compete. */
body.article-view-v654{
  background:#fff!important;
}
body.article-view-v654::before{
  background-image:
    linear-gradient(rgba(24,42,54,.010) 1px,transparent 1px),
    linear-gradient(90deg,rgba(24,42,54,.010) 1px,transparent 1px)!important;
  background-size:56px 56px!important;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.34),transparent 82%)!important;
}
body.article-view-v654 .editorial-bg{
  opacity:.42!important;
}
body.article-view-v654 .article-page-v627{
  background:transparent!important;
}
/* Body remains borderless. A very soft wash behind the measure adds focus
   without creating a second card next to the TOC. */
body.article-view-v654 .article-page-v627 .article-reading-grid-v621>.article-body{
  position:relative!important;
  z-index:1!important;
  padding:8px 10px 42px 0!important;
  background:transparent!important;
}
body.article-view-v654 .article-page-v627 .article-reading-grid-v621>.article-body::before{
  content:"";
  position:absolute;
  z-index:-1;
  top:-22px;
  right:-28px;
  bottom:-18px;
  left:-28px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.98) 84%,rgba(255,255,255,.72) 94%,rgba(255,255,255,0) 100%);
}
/* The TOC is intentionally a soft-gray navigation object on the white reading
   page: one clear secondary surface instead of two white bordered boxes. */
body.article-view-v654 .article-page-v627 .article-toc-v621{
  background:#f6f8f9!important;
  border-color:#d7dfe4!important;
  box-shadow:0 10px 24px rgba(18,31,40,.035)!important;
  backdrop-filter:none!important;
}
body.article-view-v654 .article-page-v627 .article-toc-v621 a{
  background:#fff!important;
  border-color:#e1e7ea!important;
}
@media(hover:hover) and (pointer:fine){
  body.article-view-v654 .article-page-v627 .article-toc-v621 a:hover,
  body.article-view-v654 .article-page-v627 .article-toc-v621 a.is-active{
    border-color:#bcc8cf!important;
    box-shadow:0 7px 15px rgba(18,31,40,.045)!important;
  }
}
@media(max-width:900px){
  body.article-view-v654 .article-page-v627 .article-reading-grid-v621>.article-body{
    padding:4px 0 34px!important;
  }
  body.article-view-v654 .article-page-v627 .article-reading-grid-v621>.article-body::before{
    top:-16px;right:-18px;bottom:-14px;left:-18px;
    background:rgba(255,255,255,.98)!important;
  }
}
@media(max-width:620px){
  body.article-view-v654::before{background-size:48px 48px!important;opacity:.55!important}
  body.article-view-v654 .article-page-v627 .article-reading-grid-v621>.article-body::before{
    right:-12px;left:-12px;
  }
}

/* ARTICLE ARCHIVE ------------------------------------------------------
   Keep the card's single outer frame. The image sits on a colored paper-mat
   instead of receiving its own border/radius/shadow (which caused double framing). */
body.archive-view-v654{
  background:linear-gradient(180deg,#f7f9fa 0%,#f1f4f6 44%,#f4f6f7 100%)!important;
}
body.archive-view-v654::before{
  background-image:
    linear-gradient(rgba(24,42,54,.016) 1px,transparent 1px),
    linear-gradient(90deg,rgba(24,42,54,.016) 1px,transparent 1px)!important;
  background-size:52px 52px!important;
}
body.archive-view-v654 .archive-card-v651{
  background:#fff!important;
  border-color:#cbd5db!important;
  box-shadow:0 8px 22px rgba(18,31,40,.035)!important;
}
body.archive-view-v654 .archive-card-v651 .archive-card-media-v651{
  position:relative!important;
  padding:10px!important;
  background:
    linear-gradient(115deg,rgba(66,215,255,.11) 0%,rgba(246,249,250,.96) 34%,rgba(255,79,139,.055) 72%,rgba(216,255,62,.10) 100%)!important;
  border-bottom:1px solid #d8e0e4!important;
}
body.archive-view-v654 .archive-card-v651 .archive-card-media-v651::after{
  content:"";
  position:absolute;
  right:10px;
  bottom:7px;
  width:48px;
  height:3px;
  background:linear-gradient(90deg,var(--cyan) 0 35%,transparent 35% 41%,var(--pink) 41% 70%,transparent 70% 76%,var(--lime) 76% 100%);
  transform:skewX(-20deg);
  opacity:.68;
  pointer-events:none;
}
body.archive-view-v654 .archive-card-v651 .archive-card-media-v651 img,
body.archive-view-v654 .archive-card-v651 .archive-card-media-v651 .cover-fallback{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
body.archive-view-v654 .archive-card-v651 .archive-card-copy-v651{
  background:#fff!important;
}
@media(hover:hover) and (pointer:fine){
  body.archive-view-v654 .archive-card-v651:hover{
    border-color:#aebbc2!important;
    box-shadow:0 14px 30px rgba(18,31,40,.065)!important;
  }
  body.archive-view-v654 .archive-card-v651:hover .archive-card-media-v651{
    background:
      linear-gradient(115deg,rgba(66,215,255,.145) 0%,#fff 34%,rgba(255,79,139,.075) 72%,rgba(216,255,62,.13) 100%)!important;
  }
  body.archive-view-v654 .archive-card-v651:hover .archive-card-media-v651 img{
    box-shadow:none!important;
  }
  body.archive-view-v654 .archive-card-v651:hover .archive-card-media-v651::after{
    width:62px;
    opacity:1;
    transition:width .25s cubic-bezier(.16,1,.3,1),opacity .2s ease;
  }
}
@media(max-width:620px){
  body.archive-view-v654 .archive-card-v651 .archive-card-media-v651{padding:8px!important}
  body.archive-view-v654 .archive-card-v651 .archive-card-media-v651::after{right:8px;bottom:6px;width:40px}
}
@media(prefers-reduced-motion:reduce){
  body.archive-view-v654 .archive-card-v651 .archive-card-media-v651::after{transition:none!important}
}



/* ======================================================================
   v6.58 — editorial tables + semantic quote blocks
   Reference direction: Intercom editor, GitHub Docs, W3C/WAI, Smashing.
   ====================================================================== */

/* Data table: quiet editorial surface with strong header hierarchy. */
.article-body .article-table-block,
.rich-editor.article-body .article-table-block{
  position:relative;
  margin:2.5em 0!important;
  max-width:100%;
}
.article-body .article-table-scroll,
.rich-editor.article-body .article-table-scroll{
  position:relative;
  width:100%;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
  border:1px solid #cbd5db;
  border-radius:12px;
  background:#fff;
  box-shadow:0 10px 24px rgba(18,31,40,.04);
  scrollbar-width:thin;
  scrollbar-color:#9ca7ae transparent;
}
.article-body .article-table-scroll::-webkit-scrollbar,
.rich-editor.article-body .article-table-scroll::-webkit-scrollbar{height:7px}
.article-body .article-table-scroll::-webkit-scrollbar-thumb,
.rich-editor.article-body .article-table-scroll::-webkit-scrollbar-thumb{background:#9ca7ae;border-radius:999px}
.article-body .article-table,
.rich-editor.article-body .article-table{
  width:100%;
  min-width:100%;
  border-collapse:separate;
  border-spacing:0;
  margin:0!important;
  color:#20262b;
  font-size:13px;
  line-height:1.65;
  table-layout:auto;
}
.article-table-block[data-cols="4"] .article-table,
.article-table-block[data-cols="5"] .article-table{min-width:620px}
.article-table-block[data-cols="6"] .article-table,
.article-table-block[data-cols="7"] .article-table{min-width:760px}
.article-table-block[data-cols="8"] .article-table,
.article-table-block[data-cols="9"] .article-table,
.article-table-block[data-cols="10"] .article-table{min-width:980px}
.article-body .article-table th,
.rich-editor.article-body .article-table th{
  padding:13px 15px;
  border-right:1px solid #2b3034;
  border-bottom:1px solid #111;
  background:#111;
  color:#fff;
  text-align:left;
  vertical-align:top;
  font-size:12px;
  line-height:1.5;
  font-weight:850;
  letter-spacing:.01em;
}
.article-body .article-table th:last-child,
.rich-editor.article-body .article-table th:last-child{border-right:0}
.article-body .article-table td,
.rich-editor.article-body .article-table td{
  padding:13px 15px;
  border-right:1px solid #e1e6e9;
  border-bottom:1px solid #e1e6e9;
  background:#fff;
  vertical-align:top;
  min-width:112px;
}
.article-body .article-table td:last-child,
.rich-editor.article-body .article-table td:last-child{border-right:0}
.article-body .article-table tbody tr:last-child td,
.rich-editor.article-body .article-table tbody tr:last-child td{border-bottom:0}
.article-body .article-table tbody tr:nth-child(even) td,
.rich-editor.article-body .article-table tbody tr:nth-child(even) td{background:#f7f9fa}
.article-body .article-table tbody td:first-child,
.rich-editor.article-body .article-table tbody td:first-child{font-weight:700;color:#343b40}
.article-body .article-table caption,
.rich-editor.article-body .article-table caption{
  padding:0 0 10px;
  color:#606970;
  text-align:left;
  font-size:11px;
  font-weight:700;
}
@media(max-width:620px){
  .article-body .article-table-block,
  .rich-editor.article-body .article-table-block{margin:2.1em 0!important;padding-top:25px}
  .article-body .article-table-block.is-scrollable::before,
  .rich-editor.article-body .article-table-block.is-scrollable::before{
    content:"横にスクロールできます  →";
    position:absolute;
    top:0;
    right:1px;
    color:#68727a;
    font-size:9.5px;
    line-height:1;
    font-weight:750;
    letter-spacing:.01em;
  }
  .article-body .article-table-block.is-scrollable::after,
  .rich-editor.article-body .article-table-block.is-scrollable::after{
    content:"";
    position:absolute;
    z-index:2;
    right:0;
    top:25px;
    bottom:0;
    width:24px;
    pointer-events:none;
    border-radius:0 12px 12px 0;
    background:linear-gradient(90deg,rgba(255,255,255,0),rgba(17,17,17,.08));
    opacity:.55;
  }
  .article-body .article-table,
  .rich-editor.article-body .article-table{font-size:12px;line-height:1.6}
  .article-body .article-table th,
  .article-body .article-table td,
  .rich-editor.article-body .article-table th,
  .rich-editor.article-body .article-table td{padding:11px 12px;min-width:108px}
}

/* Quote: an editorial pull-quote, but still real semantic blockquote markup. */
.article-page-v627 .article-body .article-quote-block,
.rich-editor.article-body .article-quote-block{
  position:relative;
  margin:2.6em 0!important;
  padding:25px 26px 22px!important;
  border:1px solid #d3dce1!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#fff 0%,#f8fafb 100%)!important;
  box-shadow:0 10px 24px rgba(18,31,40,.04)!important;
  overflow:hidden;
}
.article-page-v627 .article-body .article-quote-block::before,
.rich-editor.article-body .article-quote-block::before{
  content:"";
  position:absolute;
  top:0;
  left:24px;
  width:74px;
  height:4px;
  background:linear-gradient(90deg,var(--cyan) 0 34%,transparent 34% 39%,var(--pink) 39% 70%,transparent 70% 75%,var(--lime) 75% 100%);
  transform:skewX(-20deg);
}
.article-page-v627 .article-body .article-quote,
.rich-editor.article-body .article-quote{
  position:relative;
  margin:0!important;
  padding:7px 0 0 29px!important;
  border:0!important;
  background:transparent!important;
  color:#252b30!important;
  font-size:17px!important;
  line-height:1.9!important;
  font-weight:650!important;
  letter-spacing:-.012em!important;
}
.article-page-v627 .article-body .article-quote::before,
.rich-editor.article-body .article-quote::before{
  content:"“";
  position:absolute;
  left:0;
  top:-7px;
  color:#111;
  font-family:Georgia,"Times New Roman",serif;
  font-size:42px;
  line-height:1;
  font-weight:700;
  opacity:.18;
}
.article-page-v627 .article-body .article-quote p,
.rich-editor.article-body .article-quote p{margin:.45em 0!important}
.article-page-v627 .article-body .article-quote-source,
.rich-editor.article-body .article-quote-source{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:14px;
  padding-left:29px;
  color:#68727a;
  font-size:10.5px;
  line-height:1.6;
}
.article-page-v627 .article-body .article-quote-source::before,
.rich-editor.article-body .article-quote-source::before{
  content:"";
  width:19px;
  height:1px;
  flex:0 0 auto;
  background:#111;
}
.article-page-v627 .article-body .article-quote-source a,
.rich-editor.article-body .article-quote-source a{
  color:inherit!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:3px!important;
}
.article-page-v627 .article-body .article-quote-source cite,
.rich-editor.article-body .article-quote-source cite{font-style:normal;font-weight:750}
@media(max-width:620px){
  .article-page-v627 .article-body .article-quote-block,
  .rich-editor.article-body .article-quote-block{padding:21px 18px 19px!important;border-radius:12px!important}
  .article-page-v627 .article-body .article-quote,
  .rich-editor.article-body .article-quote{padding-left:23px!important;font-size:15px!important;line-height:1.85!important}
  .article-page-v627 .article-body .article-quote::before,
  .rich-editor.article-body .article-quote::before{font-size:34px}
  .article-page-v627 .article-body .article-quote-source,
  .rich-editor.article-body .article-quote-source{padding-left:23px;font-size:10px}
}

/* Table / quote insertion dialogs in the CMS. */
.insert-modal[hidden]{display:none!important}
.insert-modal{position:fixed;inset:0;z-index:1005;display:grid;place-items:center;padding:20px}
.insert-modal-backdrop{position:absolute;inset:0;background:rgba(10,14,18,.44);backdrop-filter:blur(3px)}
.insert-modal-panel{position:relative;width:min(560px,100%);max-height:min(760px,90vh);overflow:auto;background:#f8fafb;border:1px solid #cbd4da;border-radius:18px;box-shadow:0 26px 70px rgba(0,0,0,.18);padding:24px}
.insert-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.insert-modal-head span{display:block;margin-bottom:4px;font:800 8px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.16em;color:#7d878e}
.insert-modal-head h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:-.035em}
.insert-modal-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #c8d1d7;border-radius:50%;background:#fff;color:#111;font-size:20px;cursor:pointer}
.insert-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.insert-modal-grid label{display:grid;gap:7px;color:#30373c;font-size:11px;font-weight:800}
.insert-modal-grid input,.insert-modal-grid textarea{width:100%;border:1px solid #cbd4da;border-radius:9px;background:#fff;padding:11px 12px;outline:0;color:#111}
.insert-modal-grid input:focus,.insert-modal-grid textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.06)}
.insert-modal-wide{grid-column:1/-1}
.insert-modal-switch{grid-column:1/-1;display:flex!important;align-items:center!important;gap:8px!important;padding:4px 0}
.insert-modal-switch input{width:auto!important}
.insert-modal-note{margin:15px 0 0;color:#6c757c;font-size:10.5px;line-height:1.7}
.insert-modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}
.table-insert-preview{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:16px;padding:14px;border:1px solid #d7dfe4;border-radius:11px;background:#fff}
.table-insert-preview>span{font-size:11px;font-weight:900;color:#4c555c;white-space:nowrap}
.table-insert-preview>div{display:grid;gap:2px;max-width:320px}
.table-insert-preview i{display:block;height:8px;border-radius:2px;background:#e5eaed}
.table-insert-preview i.is-head{background:#111}
@media(max-width:620px){.insert-modal-panel{padding:20px 17px;border-radius:14px}.insert-modal-grid{grid-template-columns:1fr}.insert-modal-wide,.insert-modal-switch{grid-column:auto}.table-insert-preview{grid-template-columns:1fr}.table-insert-preview>div{max-width:none}}
@media(max-width:620px){
  .article-body .article-table-block.is-scrollable.is-scroll-end::after,
  .rich-editor.article-body .article-table-block.is-scrollable.is-scroll-end::after{opacity:0}
}


/* ======================================================================
   v6.59 — editorial image carousel
   Design direction: Framer cinematic galleries + Siteinspire editorial work.
   Interaction follows W3C/Smashing guidance: user-controlled, no autoplay.
   ====================================================================== */
.article-body .article-carousel-block,
.rich-editor.article-body .article-carousel-block{
  margin:2.6em 0!important;
}
.article-body .article-carousel,
.rich-editor.article-body .article-carousel{
  position:relative;
  width:100%;
}
.article-body .article-carousel-stage,
.rich-editor.article-body .article-carousel-stage{
  position:relative;
  width:100%;
  overflow:hidden;
  border:1px solid #d2dbe0;
  border-radius:16px;
  background:linear-gradient(135deg,#eef8fb 0%,#f9f5f8 52%,#f7fbe9 100%);
  box-shadow:0 14px 34px rgba(18,31,40,.055);
}
.article-body .article-carousel-sizer,
.rich-editor.article-body .article-carousel-sizer{
  display:block!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.article-body .article-carousel-track,
.rich-editor.article-body .article-carousel-track{
  position:absolute;
  inset:0;
  display:flex;
  width:100%;
  height:100%;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  overscroll-behavior-x:contain;
  scrollbar-width:none;
  -webkit-overflow-scrolling:touch;
}
.article-body .article-carousel-track::-webkit-scrollbar,
.rich-editor.article-body .article-carousel-track::-webkit-scrollbar{display:none}
.article-body .article-carousel-track:focus-visible,
.rich-editor.article-body .article-carousel-track:focus-visible{
  outline:2px solid #111;
  outline-offset:-4px;
  border-radius:14px;
}
.article-body .article-carousel-slide,
.rich-editor.article-body .article-carousel-slide{
  position:relative;
  flex:0 0 100%;
  width:100%;
  height:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
  scroll-snap-align:start;
  scroll-snap-stop:always;
  background-size:0 0;
  isolation:isolate;
}
.article-body .article-carousel-slide::before,
.rich-editor.article-body .article-carousel-slide::before{
  content:"";
  position:absolute;
  inset:-34px;
  z-index:-2;
  background-image:inherit;
  background-position:center;
  background-size:cover;
  filter:blur(28px) saturate(.92);
  transform:scale(1.08);
  opacity:.34;
}
.article-body .article-carousel-slide::after,
.rich-editor.article-body .article-carousel-slide::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 12% 18%,rgba(66,215,255,.20),transparent 33%),
    radial-gradient(circle at 88% 24%,rgba(255,79,139,.15),transparent 36%),
    radial-gradient(circle at 78% 88%,rgba(216,255,62,.14),transparent 33%),
    rgba(246,249,250,.52);
  backdrop-filter:blur(3px);
}
.article-body .article-carousel-image,
.rich-editor.article-body .article-carousel-image{
  position:absolute!important;
  inset:0!important;
  z-index:2;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  user-select:none;
  -webkit-user-drag:none;
}
/* The first slide defines the stage ratio, so it naturally fills without the
   blurred padding being visually necessary. */
.article-body .article-carousel-slide:first-child::before,
.rich-editor.article-body .article-carousel-slide:first-child::before{opacity:.12}
.article-body .article-carousel-controls{
  position:absolute;
  inset:0;
  z-index:6;
  pointer-events:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 14px;
}
.article-body .article-carousel-button{
  pointer-events:auto;
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  padding:0;
  border:1px solid rgba(17,17,17,.22);
  border-radius:50%;
  background:rgba(255,255,255,.86);
  color:#111;
  box-shadow:0 8px 22px rgba(18,31,40,.10);
  backdrop-filter:blur(10px);
  cursor:pointer;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,opacity .18s ease;
}
.article-body .article-carousel-button span{
  display:block;
  transform:translateY(-1px);
  font:400 30px/1 Georgia,"Times New Roman",serif;
}
.article-body .article-carousel-button:disabled{
  opacity:.28;
  cursor:default;
}
@media(hover:hover) and (pointer:fine){
  .article-body .article-carousel-button:not(:disabled):hover{
    transform:scale(1.06);
    background:#111;
    border-color:#111;
    color:#fff;
  }
}
.article-body .article-carousel-bar,
.rich-editor.article-body .article-carousel-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:10px;
  padding:0 2px;
  color:#707a82;
  font-size:10px;
  line-height:1.5;
}
.article-body .article-carousel-count,
.rich-editor.article-body .article-carousel-count{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#22282c;
  font-weight:850;
  font-variant-numeric:tabular-nums;
  letter-spacing:.03em;
}
.article-body .article-carousel-count::before,
.rich-editor.article-body .article-carousel-count::before{
  content:"";
  width:28px;
  height:3px;
  background:linear-gradient(90deg,var(--cyan) 0 32%,transparent 32% 38%,var(--pink) 38% 68%,transparent 68% 74%,var(--lime) 74% 100%);
  transform:skewX(-20deg);
}
.article-body .article-carousel-hint,
.rich-editor.article-body .article-carousel-hint{color:#8a9298}
.article-body .article-carousel-caption,
.rich-editor.article-body .article-carousel-caption{
  margin-top:8px;
  color:#69737a;
  font-size:11px;
  line-height:1.7;
  text-align:center;
}
@media(max-width:620px){
  .article-body .article-carousel-block,
  .rich-editor.article-body .article-carousel-block{margin:2.15em 0!important}
  .article-body .article-carousel-stage,
  .rich-editor.article-body .article-carousel-stage{border-radius:12px;box-shadow:0 10px 24px rgba(18,31,40,.05)}
  .article-body .article-carousel-controls{padding:0 8px}
  .article-body .article-carousel-button{width:44px;height:44px}
  .article-body .article-carousel-bar,
  .rich-editor.article-body .article-carousel-bar{margin-top:8px;font-size:9.5px}
  .article-body .article-carousel-hint,
  .rich-editor.article-body .article-carousel-hint{font-size:9px}
  .article-body .article-carousel-caption,
  .rich-editor.article-body .article-carousel-caption{font-size:10px;text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .article-body .article-carousel-track,
  .rich-editor.article-body .article-carousel-track{scroll-behavior:auto}
  .article-body .article-carousel-button{transition:none}
}

/* CMS carousel composer. */
.carousel-insert-panel{width:min(720px,100%)!important}
.carousel-modal-lead{margin:-4px 0 15px!important}
.carousel-editor-list{display:grid;gap:10px;margin:0 0 16px}
.carousel-editor-item{
  display:grid;
  grid-template-columns:92px minmax(0,1fr) auto;
  gap:13px;
  align-items:center;
  padding:10px;
  border:1px solid #d6dee3;
  border-radius:13px;
  background:#fff;
}
.carousel-editor-thumb{
  width:92px;
  aspect-ratio:16/10;
  overflow:hidden;
  border:1px solid #e0e6e9;
  border-radius:9px;
  background:#eef2f4;
}
.carousel-editor-thumb img{width:100%;height:100%;object-fit:cover}
.carousel-editor-copy{display:grid;gap:8px;min-width:0}
.carousel-editor-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.carousel-editor-meta b{font-size:10px;font-weight:900;color:#111}
.carousel-editor-meta span{font-size:9px;color:#8a9298;font-variant-numeric:tabular-nums}
.carousel-editor-copy label{display:grid;gap:5px;font-size:9px;font-weight:800;color:#68727a}
.carousel-editor-copy input,.carousel-caption-field input{
  width:100%;
  min-width:0;
  border:1px solid #d6dde2;
  border-radius:8px;
  background:#f8fafb;
  padding:9px 10px;
  color:#111;
  font-size:11px;
  outline:none;
}
.carousel-editor-copy input:focus,.carousel-caption-field input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.06)}
.carousel-editor-actions{display:flex;align-items:center;gap:4px}
.carousel-editor-actions button{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  padding:0;
  border:1px solid #d5dde2;
  border-radius:8px;
  background:#fff;
  color:#333b40;
  cursor:pointer;
}
@media (hover: hover) and (pointer: fine){.carousel-editor-actions button:hover:not(:disabled){border-color:#111;color:#111}}
.carousel-editor-actions button:disabled{opacity:.28;cursor:default}
.carousel-caption-field{display:grid;gap:7px;margin:0 0 12px;font-size:10px;font-weight:850;color:#4f5960}
.rich-editor.article-body .article-carousel-controls{display:none!important}
.rich-editor.article-body .article-carousel-track{cursor:grab}
.rich-editor.article-body .article-carousel-track:active{cursor:grabbing}
@media(max-width:620px){
  .carousel-editor-item{grid-template-columns:72px minmax(0,1fr);gap:10px}
  .carousel-editor-thumb{width:72px}
  .carousel-editor-actions{grid-column:1/-1;justify-content:flex-end}
}

/* ======================================================================
   v6.60 — legacy quote compatibility
   Existing quotes created before v6.58 used plain <blockquote> markup.
   Give them the same editorial treatment as the new quote component while
   excluding X/Twitter embeds and the new structured .article-quote markup.
   ====================================================================== */
.article-page-v627 .article-body blockquote:not(.twitter-tweet):not(.article-quote),
.rich-editor.article-body blockquote:not(.twitter-tweet):not(.article-quote){
  position:relative!important;
  margin:2.6em 0!important;
  padding:31px 26px 23px 55px!important;
  border:1px solid #d3dce1!important;
  border-radius:14px!important;
  background:linear-gradient(135deg,#fff 0%,#f8fafb 100%)!important;
  box-shadow:0 10px 24px rgba(18,31,40,.04)!important;
  color:#252b30!important;
  font-size:17px!important;
  line-height:1.9!important;
  font-weight:650!important;
  letter-spacing:-.012em!important;
  overflow:hidden!important;
}
.article-page-v627 .article-body blockquote:not(.twitter-tweet):not(.article-quote)::before,
.rich-editor.article-body blockquote:not(.twitter-tweet):not(.article-quote)::before{
  content:""!important;
  position:absolute!important;
  top:0!important;
  left:24px!important;
  width:74px!important;
  height:4px!important;
  background:linear-gradient(90deg,var(--cyan) 0 34%,transparent 34% 39%,var(--pink) 39% 70%,transparent 70% 75%,var(--lime) 75% 100%)!important;
  transform:skewX(-20deg)!important;
}
.article-page-v627 .article-body blockquote:not(.twitter-tweet):not(.article-quote)::after,
.rich-editor.article-body blockquote:not(.twitter-tweet):not(.article-quote)::after{
  content:"“"!important;
  position:absolute!important;
  left:22px!important;
  top:22px!important;
  color:#111!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:42px!important;
  line-height:1!important;
  font-weight:700!important;
  opacity:.18!important;
}
.article-page-v627 .article-body blockquote:not(.twitter-tweet):not(.article-quote) p,
.rich-editor.article-body blockquote:not(.twitter-tweet):not(.article-quote) p{
  margin:.45em 0!important;
}
@media(max-width:620px){
  .article-page-v627 .article-body blockquote:not(.twitter-tweet):not(.article-quote),
  .rich-editor.article-body blockquote:not(.twitter-tweet):not(.article-quote){
    padding:27px 18px 20px 46px!important;
    border-radius:12px!important;
    font-size:15px!important;
    line-height:1.85!important;
  }
  .article-page-v627 .article-body blockquote:not(.twitter-tweet):not(.article-quote)::before,
  .rich-editor.article-body blockquote:not(.twitter-tweet):not(.article-quote)::before{
    left:18px!important;
    width:64px!important;
  }
  .article-page-v627 .article-body blockquote:not(.twitter-tweet):not(.article-quote)::after,
  .rich-editor.article-body blockquote:not(.twitter-tweet):not(.article-quote)::after{
    left:17px!important;
    top:21px!important;
    font-size:34px!important;
  }
}

/* ======================================================================
   v6.61 — editor insertion hub
   Make rich content tools impossible to miss: Image / Carousel / Table / Quote.
   ====================================================================== */
.editor-toolbar-label{
  display:inline-flex;
  align-items:center;
  padding:0 7px;
  color:#8a9298;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  white-space:nowrap;
}
.editor-insert-panel{
  margin:0;
  padding:9px 2px 10px;
  border-top:1px solid #eef1f3;
}
.editor-insert-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin:0 2px 8px;
}
.editor-insert-heading>div{
  display:flex;
  align-items:baseline;
  gap:8px;
}
.editor-insert-heading span{
  color:#929aa0;
  font:800 7px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.16em;
}
.editor-insert-heading b{
  color:#111;
  font-size:11px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:-.01em;
}
.editor-insert-heading small{
  color:#91999f;
  font-size:8.5px;
  line-height:1.2;
}
.editor-insert-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:7px;
}
.editor-insert-card{
  position:relative;
  display:grid;
  grid-template-columns:30px minmax(0,1fr);
  align-items:center;
  gap:8px;
  min-width:0;
  min-height:57px;
  padding:8px 9px;
  border:1px solid #dbe2e6;
  border-radius:10px;
  background:#fff;
  color:#111;
  text-align:left;
  cursor:pointer;
  box-shadow:0 3px 10px rgba(17,29,37,.025);
  transition:border-color .16s ease,background-color .16s ease,transform .16s ease,box-shadow .16s ease;
}
.editor-insert-card>.insert-icon{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid #cfd7dc;
  border-radius:8px;
  background:#f5f8f9;
  font-size:15px;
  font-weight:900;
  line-height:1;
}
.editor-insert-card>span:not(.insert-icon){
  display:grid;
  min-width:0;
  gap:3px;
}
.editor-insert-card b{
  overflow:hidden;
  color:#15191c;
  font-size:10px;
  line-height:1.2;
  font-weight:900;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.editor-insert-card small{
  overflow:hidden;
  color:#7b858c;
  font-size:7.5px;
  line-height:1.35;
  font-weight:650;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.editor-insert-card em{
  position:absolute;
  top:5px;
  right:6px;
  color:#727c83;
  font:900 6px/1 ui-monospace,SFMono-Regular,Consolas,monospace;
  letter-spacing:.08em;
}
.editor-insert-card.insert-image .insert-icon{box-shadow:inset 0 -2px 0 var(--cyan)}
.editor-insert-card.insert-carousel .insert-icon{box-shadow:inset 0 -2px 0 var(--pink)}
.editor-insert-card.insert-table .insert-icon{box-shadow:inset 0 -2px 0 var(--lime)}
.editor-insert-card.insert-quote .insert-icon{box-shadow:inset 0 -2px 0 #111}
.editor-insert-card.insert-article .insert-icon{box-shadow:inset 0 -2px 0 var(--cyan);background:linear-gradient(145deg,#fff,#eefbff)}
@media(hover:hover) and (pointer:fine){
  .editor-insert-card:hover{
    transform:translateY(-1px);
    border-color:#9eabb3;
    background:#fbfcfd;
    box-shadow:0 6px 15px rgba(17,29,37,.055);
  }
  .editor-insert-card:hover .insert-icon{
    border-color:#111;
    background:#fff;
  }
}
.editor-embed-palette{
  display:flex;
  align-items:center;
  gap:5px;
  margin:0;
  padding:7px 2px 6px;
  border-top:1px solid #eef1f3;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-width:thin;
  overscroll-behavior-inline:contain;
}
.editor-embed-palette>span{
  flex:0 0 auto;
  margin-right:3px;
  color:#8c959c;
  font-size:9px;
  font-weight:900;
}
.editor-embed-palette button{
  flex:0 0 auto;
  min-height:27px;
  border:1px solid #e0e5e8;
  border-radius:999px;
  background:#fff;
  color:#626b72;
  padding:5px 8px;
  font-size:8px;
  font-weight:800;
  cursor:pointer;
}
@media(hover:hover) and (pointer:fine){
  .editor-embed-palette button:hover{border-color:#111;color:#111}
}

@media(max-width:900px){
  .editor-insert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .editor-insert-card{min-height:52px}
}
@media(max-width:620px){
  .editor-insert-panel{padding-top:8px;padding-bottom:8px}
  .editor-insert-heading{align-items:center;margin-bottom:7px}
  .editor-insert-heading small{display:none}
  .editor-insert-card{grid-template-columns:27px minmax(0,1fr);gap:7px;min-height:49px;padding:7px 8px}
  .editor-insert-card>.insert-icon{width:27px;height:27px;border-radius:7px;font-size:13px}
  .editor-insert-card b{font-size:9.5px}
  .editor-insert-card small{font-size:7px}
  .editor-insert-card em{top:4px;right:5px;font-size:5.5px}
  .editor-embed-palette{padding-top:6px;padding-bottom:5px}
}
@media(max-width:370px){
  .editor-insert-card small{display:none}
  .editor-insert-card{min-height:44px}
}
/* v6.61 mobile/editor toolbar wrapping guard */
.editor-tool-stack .editor-toolbar button,
.editor-tool-stack .editor-toolbar select,
.editor-toolbar-label,
.editor-embed-palette>span,
.editor-embed-palette button,
.editor-tool-stack .decoration-palette>span,
.editor-tool-stack .decoration-palette button{white-space:nowrap!important}
@media(max-width:620px){
  .editor-toolbar-label{display:none!important}
  .editor-embed-palette>span,
  .editor-tool-stack .decoration-palette>span{padding-left:1px;padding-right:2px}
}


/* ======================================================================
   v6.62 — quote typography parity
   Quote copy must use the exact same reading size/rhythm as body copy.
   Distinction comes from layout, quotation mark and source—not oversized type.
   ====================================================================== */
.article-page-v627 .article-body .article-quote,
.rich-editor.article-body .article-quote,
.article-page-v627 .article-body blockquote:not(.twitter-tweet):not(.article-quote),
.rich-editor.article-body blockquote:not(.twitter-tweet):not(.article-quote){
  font-size:1em!important;
  line-height:inherit!important;
  font-weight:inherit!important;
  letter-spacing:inherit!important;
}
.article-page-v627 .article-body .article-quote p,
.rich-editor.article-body .article-quote p,
.article-page-v627 .article-body blockquote:not(.twitter-tweet):not(.article-quote) p,
.rich-editor.article-body blockquote:not(.twitter-tweet):not(.article-quote) p{
  font-size:inherit!important;
  line-height:inherit!important;
}
/* Keep attribution secondary, but a touch more readable than the old microtype. */
.article-page-v627 .article-body .article-quote-source,
.rich-editor.article-body .article-quote-source{
  font-size:.72em!important;
  line-height:1.65!important;
}
@media(max-width:620px){
  .article-page-v627 .article-body .article-quote,
  .rich-editor.article-body .article-quote,
  .article-page-v627 .article-body blockquote:not(.twitter-tweet):not(.article-quote),
  .rich-editor.article-body blockquote:not(.twitter-tweet):not(.article-quote){
    font-size:1em!important;
    line-height:inherit!important;
  }
  .article-page-v627 .article-body .article-quote-source,
  .rich-editor.article-body .article-quote-source{font-size:.72em!important}
}


/* ======================================================================
   v6.63 — quieter carousel controls + theme above the gallery
   ====================================================================== */
.article-body .article-carousel-block,
.rich-editor.article-body .article-carousel-block{
  display:flex!important;
  flex-direction:column!important;
}
.article-body .article-carousel-caption,
.rich-editor.article-body .article-carousel-caption{
  order:-1!important;
  margin:0 0 10px!important;
  padding:0 2px!important;
  color:#353d43!important;
  font-size:12px!important;
  line-height:1.6!important;
  font-weight:850!important;
  letter-spacing:.01em!important;
  text-align:left!important;
}
.article-body .article-carousel-caption::before,
.rich-editor.article-body .article-carousel-caption::before{
  content:"";
  display:inline-block;
  width:24px;
  height:3px;
  margin:0 8px 2px 0;
  background:linear-gradient(90deg,var(--cyan) 0 32%,transparent 32% 38%,var(--pink) 38% 68%,transparent 68% 74%,var(--lime) 74% 100%);
  transform:skewX(-20deg);
  vertical-align:middle;
}
.article-body .article-carousel-hint,
.rich-editor.article-body .article-carousel-hint{
  display:none!important;
}
.article-body .article-carousel-bar,
.rich-editor.article-body .article-carousel-bar{
  justify-content:flex-start!important;
}
.article-body .article-carousel-controls{
  padding:0 10px!important;
}
.article-body .article-carousel-button{
  width:42px!important;
  height:42px!important;
  border-color:rgba(17,17,17,.16)!important;
  background:rgba(255,255,255,.72)!important;
  box-shadow:0 6px 18px rgba(18,31,40,.07)!important;
  opacity:.46;
  animation:carouselControlBreathV663 3.8s ease-in-out infinite;
}
.article-body .article-carousel-button:nth-child(2){
  animation-delay:-1.9s;
}
.article-body .article-carousel-button:disabled{
  opacity:.14!important;
  animation:none!important;
}
@keyframes carouselControlBreathV663{
  0%,100%{opacity:.30}
  50%{opacity:.72}
}
@media(hover:hover) and (pointer:fine){
  .article-body .article-carousel-button:not(:disabled):hover,
  .article-body .article-carousel-button:not(:disabled):focus-visible{
    opacity:1!important;
    animation-play-state:paused!important;
    transform:scale(1.04)!important;
    background:#fff!important;
    border-color:rgba(17,17,17,.34)!important;
    color:#111!important;
  }
}
@media(max-width:620px){
  .article-body .article-carousel-caption,
  .rich-editor.article-body .article-carousel-caption{
    margin-bottom:8px!important;
    font-size:11px!important;
  }
  .article-body .article-carousel-controls{padding:0 6px!important}
  .article-body .article-carousel-button{width:40px!important;height:40px!important}
}
@media(prefers-reduced-motion:reduce){
  .article-body .article-carousel-button{
    animation:none!important;
    opacity:.58!important;
  }
  .article-body .article-carousel-button:disabled{opacity:.14!important}
}



/* ======================================================================
   v6.64 — public Q&A knowledge pages + quick-answer admin workflow
   Editorial help-center direction: Intercom modern Help Center × XOtaku UI.
   ====================================================================== */
.answers-page{max-width:1180px;margin:0 auto;padding:48px 32px 94px}
.answers-hero{max-width:820px;padding:18px 0 30px;border-bottom:1px solid #111}
.answers-hero>p:first-child,.answer-hero>p:first-child{margin:0 0 10px;color:#737d84;font-size:10px;font-weight:900;letter-spacing:.14em}
.answers-hero h1{margin:0;font-size:clamp(50px,6vw,78px);line-height:1;letter-spacing:-.065em}
.answers-hero>div{display:flex;gap:8px;margin:20px 0 16px}.answers-hero>div span{display:block;height:5px;transform:skewX(-20deg)}.answers-hero>div span:nth-child(1){width:56px;background:var(--cyan)}.answers-hero>div span:nth-child(2){width:38px;background:var(--pink)}.answers-hero>div span:nth-child(3){width:24px;background:var(--lime)}
.answers-hero>p:last-child{margin:0;color:#657078;font-size:13px;line-height:1.8}
.answers-search{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;max-width:100%;min-height:58px;margin:34px 0 38px;padding:0 16px;border:1px solid #c6d0d6;border-radius:10px;background:rgba(255,255,255,.72)}
.answers-search:focus-within{border-color:#111;background:#fff}.answers-search svg{width:18px;height:18px;fill:none;stroke:#111;stroke-width:1.7;stroke-linecap:round}.answers-search input{width:100%;border:0;background:transparent;outline:0;font-size:14px}.answers-search>a{font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.answers-list-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.answers-list-head h2{margin:0;font-size:clamp(26px,2.5vw,34px);letter-spacing:-.045em}.answers-list-head span{font-size:11px;font-weight:850;color:#727c83}
.answers-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.answer-list-card{position:relative;display:flex;flex-direction:column;min-height:305px;padding:24px 24px 22px;border:1px solid #ccd5da;border-radius:14px;background:rgba(255,255,255,.82);overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.answer-list-card::before{content:"";position:absolute;left:24px;top:0;width:82px;height:4px;background:linear-gradient(90deg,var(--cyan) 0 42%,transparent 42% 48%,var(--pink) 48% 76%,transparent 76% 82%,var(--lime) 82%);transform:skewX(-20deg)}
.answer-list-meta{display:flex;align-items:center;gap:10px;margin-bottom:18px}.answer-list-meta>span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #111;border-radius:50%;font-size:13px;font-weight:950}.answer-list-meta time{font-size:10px;font-weight:750;color:#7b858c;font-variant-numeric:tabular-nums}
.answer-list-card h2,.answer-list-card h3{margin:0 0 12px;font-size:clamp(22px,2vw,29px);line-height:1.35;letter-spacing:-.045em}
.answer-list-question{margin:0 0 12px;color:#23292e;font-size:12.5px;font-weight:750;line-height:1.7}.answer-list-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:#68727a;font-size:11.5px;line-height:1.75}
.answer-list-read{display:flex;align-items:center;gap:10px;width:max-content;margin-top:auto;padding-top:22px;font-size:10px;font-weight:900}.answer-list-read::after{content:"";width:30px;height:4px;background:linear-gradient(90deg,#111 0 48%,transparent 48% 54%,var(--cyan) 54% 70%,var(--pink) 70% 86%,var(--lime) 86%);transform:skewX(-18deg);transition:width .2s ease}
@media(hover:hover) and (pointer:fine){.answer-list-card:hover{transform:translateY(-3px);border-color:#aeb9c0;box-shadow:0 15px 32px rgba(18,31,40,.07)}.answer-list-card:hover .answer-list-read::after{width:50px}}
.answers-empty{grid-column:1/-1;padding:40px 0;border-top:1px solid #cbd4da;color:#69737a;font-size:13px}
.answers-ask-cta,.answer-ask-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:26px;align-items:center;margin-top:56px;padding:30px 32px;border:1px solid #111;background:#111;color:#fff}
.answers-ask-cta small,.answer-ask-cta small{display:block;margin-bottom:6px;color:#b8c0c6;font-size:9px;font-weight:900;letter-spacing:.14em}.answers-ask-cta h2,.answer-ask-cta h2{margin:0 0 6px;font-size:25px;letter-spacing:-.035em}.answers-ask-cta p,.answer-ask-cta p{margin:0;color:#cbd1d5;font-size:11.5px;line-height:1.7}.answers-ask-cta>a,.answer-ask-cta>a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid #fff;background:#fff;color:#111;font-size:11px;font-weight:900;white-space:nowrap;transition:transform .16s ease,background .16s ease,color .16s ease}@media(hover:hover){@media (hover: hover) and (pointer: fine){.answers-ask-cta>a:hover,
.answer-ask-cta>a:hover{transform:translate(-2px,-2px);background:var(--lime)}}}

.answer-page{max-width:1120px;margin:0 auto;padding:28px 32px 100px;background:#fff}
.answer-breadcrumbs{display:flex;gap:9px;align-items:center;margin:4px 0 34px;color:#7a848b;font-size:10px;font-weight:750}@media (hover: hover) and (pointer: fine){.answer-breadcrumbs a:hover{color:#111}}.answer-hero{max-width:900px;padding-bottom:30px;border-bottom:1px solid #cfd6db}.answer-hero h1{max-width:880px;margin:0;font-size:clamp(38px,4.6vw,66px);line-height:1.12;letter-spacing:-.06em;text-wrap:balance}.answer-title-rules{display:flex;gap:7px;margin:20px 0 14px}.answer-title-rules i{display:block;height:5px;transform:skewX(-20deg)}.answer-title-rules i:nth-child(1){width:54px;background:var(--cyan)}.answer-title-rules i:nth-child(2){width:35px;background:var(--pink)}.answer-title-rules i:nth-child(3){width:22px;background:var(--lime)}.answer-hero time{font-size:10px;font-weight:750;color:#78828a}
.answer-question-box{display:grid;grid-template-columns:56px minmax(0,1fr);gap:20px;max-width:900px;margin:44px 0 42px;padding:24px 28px;background:#f2f5f7;border-left:3px solid #111}
.answer-question-mark{display:grid;place-items:center;width:46px;height:46px;border:1px solid #111;border-radius:50%;background:#fff;font-size:20px;font-weight:950}.answer-question-box span{display:block;margin:1px 0 8px;color:#737d84;font-size:9px;font-weight:900;letter-spacing:.1em}.answer-question-box p{margin:0;color:#20262a;font-size:17px;font-weight:750;line-height:1.9;white-space:pre-wrap}
.answer-response{max-width:900px;margin:0;padding:0 0 40px;border-bottom:1px solid #d0d7dc}.answer-response>header{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:14px;align-items:center;margin-bottom:28px}.answer-response>header img{width:58px;height:58px;border-radius:16px}.answer-response>header div{display:grid;gap:2px}.answer-response>header span{font-size:9px;font-weight:850;color:#78828a}.answer-response>header b{font-size:18px}.answer-response>header>small{align-self:start;padding-top:5px;color:#8a9399;font-size:9px;font-weight:900;letter-spacing:.14em}.answer-response-body{position:relative;padding-left:28px;color:#2a3035;font-size:17px;line-height:2;white-space:pre-wrap}.answer-response-body::before{content:"";position:absolute;left:0;top:5px;bottom:5px;width:5px;background:linear-gradient(180deg,var(--cyan) 0 32%,var(--pink) 32% 67%,var(--lime) 67%);transform:skewY(-12deg)}
.answer-ask-cta{max-width:900px;margin-top:46px}
.related-answers{max-width:900px;margin-top:56px;padding-top:30px;border-top:1px solid #111}.related-answers-head{display:flex;align-items:baseline;gap:13px;margin-bottom:16px}.related-answers-head>span{font-size:9px;font-weight:900;color:#7b858c;letter-spacing:.14em}.related-answers-head h2{margin:0;font-size:27px;letter-spacing:-.04em}.related-answer-list{display:grid}.related-answer-list>a{display:grid;grid-template-columns:32px minmax(0,1fr) 52px;gap:14px;align-items:center;padding:19px 0;border-bottom:1px solid #d8dfe3}.related-answer-list>a>small{display:grid;place-items:center;width:30px;height:30px;border:1px solid #111;border-radius:50%;font-size:11px;font-weight:950}.related-answer-list h3{margin:0 0 5px;font-size:16px;line-height:1.5;letter-spacing:-.02em}.related-answer-list p{margin:0;color:#737c83;font-size:10.5px;line-height:1.6}.related-answer-list>a>span{justify-self:end;width:34px;height:4px;background:linear-gradient(90deg,#111 0 48%,transparent 48% 54%,var(--cyan) 54% 70%,var(--pink) 70% 86%,var(--lime) 86%);transform:skewX(-18deg);transition:width .18s ease}@media(hover:hover){@media (hover: hover) and (pointer: fine){.related-answer-list>a:hover>span{width:48px}}}
.answer-sns{max-width:900px;margin-top:58px;padding-top:30px;border-top:1px solid #111}.answer-sns-head>span{display:block;margin-bottom:5px;color:#7b858c;font-size:9px;font-weight:900;letter-spacing:.14em}.answer-sns-head h2{margin:0 0 5px;font-size:27px;letter-spacing:-.04em}.answer-sns-head p{margin:0;color:#737c83;font-size:11px}.answer-sns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.answer-sns-grid>a{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:center;padding:15px 16px;border:1px solid #cfd7dc;border-radius:10px;background:#fff;transition:transform .16s ease,border-color .16s ease}.answer-sns-grid>a>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #d5dde2;border-radius:9px;background:#f7f9fa}.answer-sns-grid img{max-width:24px;max-height:24px}.answer-sns-grid>a:nth-child(3) img{max-width:29px}.answer-sns-grid div{display:grid;gap:2px}.answer-sns-grid b{font-size:14px}.answer-sns-grid small{color:#7b858c;font-size:9px}@media(hover:hover){@media (hover: hover) and (pointer: fine){.answer-sns-grid>a:hover{transform:translateY(-2px);border-color:#111}}}

.ask-latest-answers{max-width:780px;margin:48px auto 0;padding-top:28px;border-top:1px solid #111}.ask-latest-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:12px}.ask-latest-head span{display:block;margin-bottom:4px;color:#7a848b;font-size:9px;font-weight:900;letter-spacing:.12em}.ask-latest-head h2{margin:0;font-size:28px;letter-spacing:-.04em}.ask-latest-head>a{font-size:10px;font-weight:850;text-decoration:underline;text-underline-offset:4px}.ask-latest-list{display:grid}.ask-latest-list>a{display:grid;grid-template-columns:34px minmax(0,1fr);gap:13px;padding:16px 0;border-bottom:1px solid #d6dde1}.ask-latest-list>a>span{display:grid;place-items:center;width:32px;height:32px;border:1px solid #111;border-radius:50%;font-size:12px;font-weight:950}.ask-latest-list h3{margin:0 0 4px;font-size:15px;line-height:1.5}.ask-latest-list p{margin:0;color:#737d84;font-size:10.5px;line-height:1.6}

/* Admin: answer a submitted question without leaving the inbox. */
.question-admin-card{scroll-margin-top:90px}.question-admin-content{font-size:14px!important;line-height:1.8!important}.answer-admin-status{margin-left:4px!important}.answer-admin-status.published{background:#111!important;color:#fff!important}.answer-admin-status.draft{background:#eceff1!important;color:#505960!important}.question-answer-editor{margin:18px 0 14px;border:1px solid #ccd5da;background:#f8fafb}.question-answer-editor>summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 16px;cursor:pointer;list-style:none}.question-answer-editor>summary::-webkit-details-marker{display:none}.question-answer-editor>summary span{font-size:12px;font-weight:900}.question-answer-editor>summary small{color:#7b858c;font-size:9px}.question-answer-editor[open]>summary{border-bottom:1px solid #d7dee2;background:#fff}.question-answer-form{display:grid;gap:16px;padding:18px}.question-answer-form>label:not(.switch-row){display:grid;gap:7px;font-size:10px;font-weight:850}.question-answer-form input[type="text"],.question-answer-form input:not([type]),.question-answer-form textarea{width:100%;border:1px solid #c4cdd3;border-radius:7px;background:#fff;padding:11px 12px;outline:0}.question-answer-form textarea{min-height:180px;line-height:1.75;resize:vertical}.question-answer-form input:focus,.question-answer-form textarea:focus{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.05)}.question-answer-form label small{color:#7a848b;font-size:9px;font-weight:500;line-height:1.55}.answer-index-switch{justify-content:flex-start!important}.answer-admin-actions{display:flex;gap:8px;flex-wrap:wrap}.answer-og-admin-preview{display:grid;grid-template-columns:100px minmax(0,260px);gap:12px;align-items:start}.answer-og-admin-preview>span,.answer-og-admin-note{color:#7b858c;font-size:9px}.answer-og-admin-preview img{width:100%;border:1px solid #d3dbe0;border-radius:6px}

@media(max-width:900px){.answers-page{padding:36px 20px 76px}.answers-grid{grid-template-columns:1fr}.answer-page{padding:24px 20px 80px}.answer-sns-grid{grid-template-columns:1fr}.answers-ask-cta,.answer-ask-cta{grid-template-columns:1fr}.answers-ask-cta>a,.answer-ask-cta>a{justify-self:start}.answer-response,.answer-question-box,.answer-ask-cta,.related-answers,.answer-sns{max-width:none}}
@media(max-width:620px){.answers-page{padding:28px 16px 64px}.answers-hero h1{font-size:48px}.answers-search{margin:26px 0 30px;min-height:52px}.answer-list-card{min-height:270px;padding:20px 18px 18px}.answer-list-card h2,.answer-list-card h3{font-size:21px}.answers-ask-cta,.answer-ask-cta{padding:24px 20px}.answer-page{padding:18px 16px 68px}.answer-breadcrumbs{margin-bottom:24px}.answer-hero h1{font-size:34px;line-height:1.22}.answer-question-box{grid-template-columns:40px minmax(0,1fr);gap:13px;margin:32px 0;padding:20px 18px}.answer-question-mark{width:38px;height:38px;font-size:16px}.answer-question-box p{font-size:15px;line-height:1.85}.answer-response>header{grid-template-columns:48px minmax(0,1fr);gap:12px}.answer-response>header img{width:48px;height:48px;border-radius:13px}.answer-response>header>small{display:none}.answer-response-body{padding-left:20px;font-size:15.5px;line-height:1.95}.related-answer-list>a{grid-template-columns:28px minmax(0,1fr);gap:11px}.related-answer-list>a>span{display:none}.answer-sns{margin-top:46px}.ask-latest-answers{margin-top:38px}.ask-latest-head h2{font-size:24px}.question-answer-editor>summary{align-items:flex-start;flex-direction:column;gap:3px}.answer-admin-actions{display:grid;grid-template-columns:1fr 1fr}.answer-admin-actions .btn{width:100%}.answer-og-admin-preview{grid-template-columns:1fr}.answer-og-admin-preview img{max-width:260px}}


/* ===== v6.65: larger hero CTA buttons + unified three-column footer ===== */
.hero-editorial .hero-actions{gap:18px!important;align-items:stretch!important;flex-wrap:wrap!important}.hero-editorial .hero-actions .btn{min-width:176px!important;height:60px!important;padding:0 26px!important;font-size:16px!important;font-weight:900!important;letter-spacing:-.01em!important;border:1.5px solid #111!important;box-shadow:6px 6px 0 #dbe3e8!important}.hero-editorial .hero-actions .btn-primary{background:#111!important;color:#fff!important;box-shadow:6px 6px 0 var(--cyan)!important}.hero-editorial .hero-actions .btn-ghost{background:#fff!important;color:#111!important;box-shadow:6px 6px 0 #d8dee3!important}@media (hover: hover) and (pointer: fine){.hero-editorial .hero-actions .btn:hover{transform:translate(-3px,-3px)!important}}@media (hover: hover) and (pointer: fine){.hero-editorial .hero-actions .btn-primary:hover{box-shadow:9px 9px 0 var(--cyan)!important}}@media (hover: hover) and (pointer: fine){.hero-editorial .hero-actions .btn-ghost:hover{box-shadow:9px 9px 0 #d8dee3!important}}.editorial-footer{max-width:1240px!important;margin:56px auto 0!important;padding:30px 32px 26px!important;border-top:2px solid #111!important;background:#fff!important}.editorial-footer .footer-main{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr) auto!important;gap:28px!important;align-items:start!important}.editorial-footer .footer-col{display:block!important;min-width:0!important}.editorial-footer .footer-label{margin:0 0 14px!important;font:900 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;letter-spacing:.18em!important;color:#6c747b!important;text-transform:uppercase!important}.editorial-footer .footer-links{display:grid!important;gap:10px!important}.editorial-footer .footer-links a{display:inline-block!important;width:fit-content!important;font-size:14px!important;font-weight:800!important;line-height:1.55!important;color:#111!important;position:relative!important}.editorial-footer .footer-links a::after{content:""!important;position:absolute!important;left:0!important;right:100%!important;bottom:-3px!important;height:2px!important;background:#111!important;transition:right .18s ease!important}@media (hover: hover) and (pointer: fine){.editorial-footer .footer-links a:hover::after{right:0!important}}.editorial-footer .footer-social{display:flex!important;flex-wrap:wrap!important;gap:12px!important}.editorial-footer .footer-social a{position:relative!important;display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border:1.5px solid #111!important;background:#fff!important;box-shadow:4px 4px 0 #e4eaee!important;transition:transform .18s ease,box-shadow .18s ease!important}.editorial-footer .footer-social a:nth-child(1){box-shadow:4px 4px 0 var(--cyan)!important}.editorial-footer .footer-social a:nth-child(2){box-shadow:4px 4px 0 #ffb2c2!important}.editorial-footer .footer-social a:nth-child(3){box-shadow:4px 4px 0 #b6efd8!important}@media (hover: hover) and (pointer: fine){.editorial-footer .footer-social a:hover{transform:translate(-2px,-2px)!important}}@media (hover: hover) and (pointer: fine){.editorial-footer .footer-social a:nth-child(1):hover{box-shadow:6px 6px 0 var(--cyan)!important}}@media (hover: hover) and (pointer: fine){.editorial-footer .footer-social a:nth-child(2):hover{box-shadow:6px 6px 0 #ffb2c2!important}}@media (hover: hover) and (pointer: fine){.editorial-footer .footer-social a:nth-child(3):hover{box-shadow:6px 6px 0 #b6efd8!important}}.editorial-footer .footer-social a::after,.editorial-footer .footer-bottom a::after,.editorial-footer .footer-brand-link-v626::after{display:none!important;content:none!important}.editorial-footer .footer-social img{max-width:21px!important;max-height:21px!important;display:block!important}.editorial-footer .footer-social .footer-note img{max-width:31px!important;max-height:31px!important}.editorial-footer .footer-bottom{margin-top:24px!important;padding-top:18px!important;border-top:1px solid #d9e0e5!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important}.editorial-footer .footer-bottom p{margin:0!important;font-size:11px!important;line-height:1.6!important;color:#666e74!important}.editorial-footer .footer-brand-link-v626{display:inline-flex!important;align-items:center!important;gap:12px!important}.editorial-footer .footer-brand-link-v626 img{width:38px!important;height:38px!important;border-radius:10px!important}.editorial-footer .footer-brand-link-v626 b{font-size:15px!important;font-weight:950!important;letter-spacing:-.035em!important;white-space:nowrap!important}@media(max-width:900px){.editorial-footer{padding:28px 24px 24px!important}.editorial-footer .footer-main{grid-template-columns:1fr 1fr!important;gap:24px 22px!important}.editorial-footer .footer-col-social{grid-column:1/-1!important}.editorial-footer .footer-bottom{flex-direction:column!important;align-items:flex-start!important}.editorial-footer .footer-brand-link-v626{margin-inline:0!important}}@media(max-width:620px){.hero-editorial .hero-actions{gap:14px!important}.hero-editorial .hero-actions .btn{min-width:0!important;height:56px!important;padding:0 16px!important;font-size:15px!important;box-shadow:4px 4px 0 #dbe3e8!important}.hero-editorial .hero-actions .btn-primary{box-shadow:4px 4px 0 var(--cyan)!important}.hero-editorial .hero-actions .btn-ghost{box-shadow:4px 4px 0 #d8dee3!important}@media (hover: hover) and (pointer: fine){.hero-editorial .hero-actions .btn-primary:hover{box-shadow:6px 6px 0 var(--cyan)!important}}@media (hover: hover) and (pointer: fine){.hero-editorial .hero-actions .btn-ghost:hover{box-shadow:6px 6px 0 #d8dee3!important}}.editorial-footer{padding:26px 18px 22px!important}.editorial-footer .footer-main{grid-template-columns:1fr!important;gap:20px!important}.editorial-footer .footer-links{gap:8px!important}.editorial-footer .footer-links a{font-size:13px!important}.editorial-footer .footer-social a{width:42px!important;height:42px!important}.editorial-footer .footer-social img{max-width:19px!important;max-height:19px!important}.editorial-footer .footer-social .footer-note img{max-width:28px!important;max-height:28px!important}}@media(max-width:420px){.hero-editorial .hero-actions{grid-template-columns:1fr!important}.hero-editorial .hero-actions .btn{width:100%!important}}

/* ======================================================================
   v6.66 — unified article/Q&A editor + internal article picker
   Editor direction: Ghost cards/internal linking × WordPress block discoverability.
   SEO direction: crawlable contextual links, descriptive titles, useful image alt text.
   ====================================================================== */
.answer-editor-context{margin:0 0 24px;padding:18px 20px;border:1px solid #ccd5da;border-left:5px solid #111;background:#f5f8f9}.answer-editor-context>span{display:block;margin-bottom:7px;color:#707a81;font:900 9px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.12em}.answer-editor-context>p{margin:0;color:#22292e;font-size:13px;font-weight:750;line-height:1.8;white-space:pre-wrap}.answer-editor-page .editor-title{margin-top:4px}.answer-editor-page .editor-help p{font-size:9.5px}.question-rich-editor-launch{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;margin:18px 0 14px;padding:17px 18px;border:1px solid #ccd5da;background:linear-gradient(135deg,#f7fafb,#fff)}.question-rich-editor-launch>div{display:grid;gap:4px}.question-rich-editor-launch>div>span{color:#737d84;font-size:9px;font-weight:900;letter-spacing:.1em}.question-rich-editor-launch>div>b{font-size:13px}.question-rich-editor-launch>div>p{margin:0!important;color:#737d84!important;font-size:10px!important;line-height:1.6!important}.question-rich-editor-launch>.btn{white-space:nowrap}

.article-picker-panel{width:min(760px,100%)!important}.article-picker-search{display:grid;gap:7px;margin:2px 0 0;color:#30373c;font-size:11px;font-weight:850}.article-picker-search input{width:100%;height:46px;border:1px solid #c6d0d6;border-radius:9px;background:#fff;padding:0 13px;outline:0;font-size:13px}.article-picker-search input:focus{border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.06)}.article-picker-results{display:grid;gap:8px;max-height:min(52vh,520px);margin-top:16px;overflow:auto;padding-right:3px}.article-picker-loading,.article-picker-empty{margin:0;padding:24px 6px;color:#737d84;font-size:11px}.article-picker-item{display:grid;grid-template-columns:90px minmax(0,1fr) 30px;gap:14px;align-items:center;width:100%;min-height:84px;padding:9px;border:1px solid #d4dde2;border-radius:10px;background:#fff;color:#111;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease}.article-picker-item>img,.article-picker-noimage{display:grid;place-items:center;width:90px;height:64px;border-radius:6px;background:#edf2f4;object-fit:cover;font-size:30px;font-weight:950}.article-picker-item>span{display:grid;gap:3px;min-width:0}.article-picker-item small{color:#7c858b;font-size:8.5px;font-weight:850}.article-picker-item b{font-size:12.5px;line-height:1.45}.article-picker-item em{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#6d767c;font-size:9.5px;font-style:normal;line-height:1.5}.article-picker-item>strong{font-size:20px;font-weight:400}@media (hover: hover) and (pointer: fine){.article-picker-item:hover{border-color:#111;background:#f7fafb}}

.article-body .article-internal-card{border-color:#bec9cf!important;border-radius:10px!important;box-shadow:none!important;background:#fff!important}@media (hover: hover) and (pointer: fine){.article-body .article-internal-card:hover{transform:none!important;border-color:#111!important;background:#f9fbfc!important;box-shadow:none!important}}.article-internal-card-fallback{display:grid!important;place-items:center!important;width:150px!important;height:110px!important;background:linear-gradient(135deg,#111,#343b40)!important;color:#fff!important;font-size:42px!important;font-weight:950!important;text-decoration:none!important}.article-body .article-internal-card small{color:#657078!important;font-weight:800!important}.article-body .article-internal-card b{font-size:14px!important}.article-body .article-internal-card>strong{color:#111!important}

.answer-response-body{white-space:normal!important;padding-left:28px}.answer-response-body.article-body>p{margin:1.35em 0}.answer-response-body.article-body h2{margin:2.55em 0 .9em;padding:18px 0 12px;border-top:1px solid #111;border-bottom:1px solid #cbd4dc;font-size:27px;line-height:1.42;letter-spacing:-.035em}.answer-response-body.article-body h2::after{width:58px;background:var(--cyan)}.answer-response-body.article-body h3{margin:2.05em 0 .75em;padding-left:16px;border-left:3px solid #111;font-size:20px;line-height:1.5}.answer-response-body.article-body .media-embed,.answer-response-body.article-body .article-image,.answer-response-body.article-body .article-link-card{max-width:100%}

@media(max-width:900px){.question-rich-editor-launch{grid-template-columns:1fr}.question-rich-editor-launch>.btn{justify-self:start}.article-picker-panel{width:min(680px,100%)!important}}
@media(max-width:620px){.answer-editor-context{padding:15px 16px}.question-rich-editor-launch{padding:15px}.question-rich-editor-launch>.btn{width:100%}.article-picker-item{grid-template-columns:72px minmax(0,1fr) 22px;gap:10px}.article-picker-item>img,.article-picker-noimage{width:72px;height:56px}.article-picker-item em{display:none}.article-internal-card-fallback{width:100%!important;height:120px!important}.answer-response-body{padding-left:20px}.answer-response-body.article-body h2{font-size:23px}.answer-response-body.article-body h3{font-size:18px}}


/* ===== v6.67: footer layout repair / full-bleed dark editorial footer ===== */
.editorial-footer.site-footer{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  margin:72px 0 0!important;
  padding:0!important;
  border:0!important;
  border-top:1px solid #090a0b!important;
  background:#101214!important;
  color:#f7f8f9!important;
  text-align:left!important;
  box-sizing:border-box!important;
  content-visibility:visible!important;
  contain-intrinsic-size:none!important;
}
.editorial-footer .footer-inner{
  display:block!important;
  width:min(100%,1240px)!important;
  margin:0 auto!important;
  padding:44px 38px 28px!important;
  box-sizing:border-box!important;
}
.editorial-footer .footer-main{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr) auto!important;
  gap:clamp(42px,7vw,110px)!important;
  align-items:start!important;
  width:100%!important;
}
.editorial-footer .footer-col{display:block!important;min-width:0!important;margin:0!important;padding:0!important}
.editorial-footer .footer-label{
  margin:0 0 17px!important;
  color:#8d959c!important;
  font:900 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace!important;
  letter-spacing:.2em!important;
}
.editorial-footer .footer-links{
  display:grid!important;
  justify-content:start!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
.editorial-footer .footer-links a{
  position:relative!important;
  display:inline-flex!important;
  width:fit-content!important;
  padding:1px 0!important;
  border:0!important;
  background:transparent!important;
  color:#f6f7f8!important;
  font-size:14px!important;
  font-weight:760!important;
  line-height:1.55!important;
  letter-spacing:.01em!important;
  text-decoration:none!important;
}
.editorial-footer .footer-links a::after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:100%!important;bottom:-2px!important;
  height:1px!important;
  background:#42d7ff!important;
  transition:right .18s ease!important;
}
@media(hover:hover){@media (hover: hover) and (pointer: fine){.editorial-footer .footer-links a:hover::after{right:0!important}}@media (hover: hover) and (pointer: fine){.editorial-footer .footer-links a:hover{color:#fff!important}}}
.editorial-footer .footer-social{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:nowrap!important;
  gap:10px!important;
}
.editorial-footer .footer-social a{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #4c5257!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:transform .16s ease,border-color .16s ease!important;
}
.editorial-footer .footer-social a:nth-child(1),.editorial-footer .footer-social a:nth-child(2),.editorial-footer .footer-social a:nth-child(3){box-shadow:none!important}
.editorial-footer .footer-social a::after{display:none!important;content:none!important}
.editorial-footer .footer-social img{display:block!important;max-width:20px!important;max-height:20px!important;filter:none!important}
.editorial-footer .footer-social .footer-note img{max-width:29px!important;max-height:29px!important}
@media(hover:hover){@media (hover: hover) and (pointer: fine){.editorial-footer .footer-social a:hover,
.editorial-footer .footer-social a:nth-child(1):hover,
.editorial-footer .footer-social a:nth-child(2):hover,
.editorial-footer .footer-social a:nth-child(3):hover{transform:translateY(-2px)!important;border-color:#42d7ff!important;box-shadow:none!important}}}
.editorial-footer .footer-bottom{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:24px!important;
  width:100%!important;
  margin:36px 0 0!important;
  padding:22px 0 0!important;
  border-top:1px solid #34393e!important;
  box-sizing:border-box!important;
}
.editorial-footer .footer-brand-link-v626{
  display:inline-flex!important;
  align-items:center!important;
  gap:11px!important;
  margin:0!important;
  color:#fff!important;
  text-decoration:none!important;
}
.editorial-footer .footer-brand-link-v626::after{display:none!important;content:none!important}
.editorial-footer .footer-brand-link-v626 picture{display:block!important;line-height:0!important;flex:0 0 auto!important}
.editorial-footer .footer-brand-link-v626 img{
  display:block!important;
  width:38px!important;height:38px!important;
  border-radius:10px!important;
  box-shadow:none!important;
}
.editorial-footer .footer-brand-link-v626 b{
  color:#fff!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
}
.editorial-footer .footer-copyright{
  margin:0!important;
  color:#8d959c!important;
  font-size:10px!important;
  font-weight:600!important;
  line-height:1.5!important;
  letter-spacing:.03em!important;
  white-space:nowrap!important;
}
.editorial-footer .footer-copyright span{color:inherit!important;font:inherit!important;letter-spacing:inherit!important}
@media(max-width:1320px){.editorial-footer .footer-bottom{padding-right:76px!important}}
@media(max-width:900px){
  .editorial-footer.site-footer{margin-top:56px!important}
  .editorial-footer .footer-inner{padding:38px 28px 26px!important}
  .editorial-footer .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,.72fr)!important;gap:34px 32px!important}
  .editorial-footer .footer-col-social{grid-column:1/-1!important}
  .editorial-footer .footer-bottom{margin-top:32px!important;flex-direction:row!important;align-items:center!important}
}
@media(max-width:620px){
  .editorial-footer.site-footer{margin-top:48px!important}
  .editorial-footer .footer-inner{padding:34px 20px 24px!important}
  .editorial-footer .footer-main{grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr)!important;gap:30px 22px!important}
  .editorial-footer .footer-label{margin-bottom:14px!important;font-size:9px!important}
  .editorial-footer .footer-links{gap:8px!important}
  .editorial-footer .footer-links a{font-size:13px!important;line-height:1.5!important}
  .editorial-footer .footer-col-social{grid-column:1/-1!important}
  .editorial-footer .footer-social{gap:9px!important}
  .editorial-footer .footer-social a{width:42px!important;height:42px!important}
  .editorial-footer .footer-bottom{
    align-items:flex-start!important;
    flex-direction:column!important;
    gap:12px!important;
    margin-top:30px!important;
    padding:20px 76px 0 0!important;
  }
  .editorial-footer .footer-brand-link-v626 img{width:36px!important;height:36px!important}
  .editorial-footer .footer-brand-link-v626 b{font-size:14px!important}
}
@media(max-width:340px){
  .editorial-footer .footer-inner{padding-left:16px!important;padding-right:16px!important}
  .editorial-footer .footer-main{gap:28px 14px!important}
  .editorial-footer .footer-links a{font-size:12px!important}
  .editorial-footer .footer-bottom{padding-right:68px!important}
}


/* ===== v6.68: answer page UI / two-column reading layout / Q&A SEO-friendly presentation ===== */
body.answer-view-v668,body.answers-view-v668{background:#fff!important}
body.answer-view-v668::before,body.answers-view-v668::before{display:none!important}
.answer-page-v668{max-width:1240px!important;margin:0 auto!important;padding:28px 38px 96px!important;background:#fff!important}
.answer-page-v668 .answer-breadcrumbs{max-width:none!important;margin:4px 0 30px!important}
.answer-reading-layout-v668{display:grid;grid-template-columns:minmax(0,820px) minmax(260px,300px);gap:64px;align-items:start}
.answer-main-v668{min-width:0}
.answer-hero-v668{max-width:none!important;padding:8px 0 28px!important;border-bottom:1px solid #d6dde2!important}
.answer-hero-v668 h1{max-width:820px!important;margin:0!important;font-size:30px!important;line-height:1.28!important;letter-spacing:-.045em!important;text-wrap:balance!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important}
.answer-hero-v668 .answer-title-rules{margin:18px 0 12px!important}
.answer-question-box-v668{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:16px!important;align-items:start!important;max-width:none!important;margin:34px 0 38px!important;padding:22px 24px!important;background:#f7f8f9!important;border:1px solid #dfe5e9!important;border-left:1px solid #dfe5e9!important;border-radius:10px!important}
.answer-question-box-v668 .answer-question-mark{width:40px!important;height:40px!important;font-size:17px!important;background:#fff!important}
.answer-question-box-v668>p{margin:2px 0 0!important;color:#171c20!important;font-size:16px!important;font-weight:700!important;line-height:1.85!important;white-space:pre-wrap!important}
.answer-response-v668{max-width:none!important;padding-bottom:42px!important}
.answer-response-v668>header{grid-template-columns:52px minmax(0,1fr)!important;margin-bottom:24px!important}
.answer-response-v668>header img{width:52px!important;height:52px!important;border-radius:14px!important}
.answer-response-v668>header>small{display:none!important}
.answer-response-v668 .answer-response-body{padding-left:0!important}
.answer-response-v668 .answer-response-body::before{display:none!important;content:none!important}
.answer-response-v668 .answer-response-body.article-body{font-size:16.5px!important;line-height:1.95!important;color:#242a2f!important}
.answer-sidebar-v668{position:sticky;top:92px;display:grid;gap:18px;padding-top:8px}
.answer-sidebar-panel-v668{border-top:2px solid #111;border-bottom:1px solid #cfd6db;padding:20px 0 8px}
.answer-sidebar-title-v668{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px}
.answer-sidebar-title-v668 h2{margin:0;font-size:20px;line-height:1.35;letter-spacing:-.035em}
.answer-sidebar-title-v668>a{font-size:10px;font-weight:800;color:#68727a;text-decoration:underline;text-underline-offset:4px}
.answer-sidebar-list-v668{display:grid}
.answer-sidebar-list-v668>a{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:15px 0;border-top:1px solid #e1e6e9;color:#111}
.answer-sidebar-list-v668>a:first-child{border-top:0}
.answer-sidebar-list-v668>a>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #111;border-radius:50%;font-size:11px;font-weight:950}
.answer-sidebar-list-v668 h3{margin:0 0 6px;font-size:13px;line-height:1.55;letter-spacing:-.02em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.answer-sidebar-list-v668 time{display:block;color:#7a848b;font-size:9px;font-weight:750}
.answer-ask-cta{max-width:none!important}
.related-answers{max-width:none!important}
.related-answers-head>span{display:none!important}
.answer-sns-v668{max-width:none!important;margin-top:56px!important}
.answer-sns-v668 .answer-sns-head>span,.answer-sns-v668 .answer-sns-head>p{display:none!important}
.answer-sns-v668 .answer-sns-head h2{margin:0!important;font-size:28px!important;letter-spacing:-.045em!important}
.answer-sns-v668 .answer-sns-grid{margin-top:18px!important}
.answer-sns-v668 .answer-sns-grid>a{grid-template-columns:44px minmax(0,1fr)!important;min-height:76px!important}
.answer-sns-v668 .answer-sns-grid small{display:none!important}
.answers-view-v668 .answers-page{background:#fff!important}
.answers-view-v668 .answers-hero>p:first-child{display:none!important}
.answers-view-v668 .answers-hero{padding-top:8px!important}
@media(hover:hover){@media (hover: hover) and (pointer: fine){.answer-sidebar-list-v668>a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}}}
@media(max-width:1040px){.answer-reading-layout-v668{grid-template-columns:minmax(0,1fr) 260px;gap:40px}.answer-page-v668{padding-left:28px!important;padding-right:28px!important}.answer-hero-v668 h1{font-size:28px!important}}
@media(max-width:900px){body.answer-view-v668,body.answers-view-v668{background:#fff!important}.answer-page-v668{padding:24px 20px 78px!important}.answer-reading-layout-v668{grid-template-columns:1fr;gap:46px}.answer-sidebar-v668{position:static;top:auto;padding-top:0}.answer-sidebar-panel-v668{padding-top:18px}.answer-sidebar-list-v668{grid-template-columns:1fr 1fr;column-gap:24px}.answer-sidebar-list-v668>a:nth-child(2){border-top:0}.answer-sns-v668 .answer-sns-grid{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:620px){.answer-page-v668{padding:18px 16px 62px!important}.answer-page-v668 .answer-breadcrumbs{margin-bottom:20px!important}.answer-hero-v668{padding-top:2px!important;padding-bottom:23px!important}.answer-hero-v668 h1{font-size:26px!important;line-height:1.32!important;letter-spacing:-.04em!important}.answer-hero-v668 .answer-title-rules{margin-top:15px!important}.answer-question-box-v668{grid-template-columns:36px minmax(0,1fr)!important;gap:12px!important;margin:28px 0 32px!important;padding:18px 16px!important;border-radius:8px!important}.answer-question-box-v668 .answer-question-mark{width:34px!important;height:34px!important;font-size:14px!important}.answer-question-box-v668>p{font-size:14.5px!important;line-height:1.82!important}.answer-response-v668>header{grid-template-columns:46px minmax(0,1fr)!important;gap:11px!important}.answer-response-v668>header img{width:46px!important;height:46px!important}.answer-response-v668 .answer-response-body.article-body{font-size:15.5px!important}.answer-sidebar-list-v668{grid-template-columns:1fr!important}.answer-sidebar-list-v668>a:nth-child(2){border-top:1px solid #e1e6e9}.answer-sns-v668 .answer-sns-head h2{font-size:24px!important}.answer-sns-v668 .answer-sns-grid{grid-template-columns:1fr!important}.answer-sns-v668 .answer-sns-grid>a{min-height:68px!important}.answers-view-v668 .answers-hero h1{font-size:44px!important}}
@media(max-width:360px){.answer-hero-v668 h1{font-size:24px!important}.answer-page-v668{padding-left:14px!important;padding-right:14px!important}}


/* ===== v6.70: editorial related-article thumbnail card / no north-east arrows ===== */
.article-body .article-internal-card{
  display:block!important;
  width:min(100%,620px)!important;
  max-width:620px!important;
  margin:2.2em 0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  color:inherit!important;
  text-decoration:none!important;
  transform:none!important;
}
.article-body .article-internal-card::before{
  content:"関連記事"!important;
  display:block!important;
  margin:0 0 10px!important;
  padding:0!important;
  color:#111!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
.article-body .article-internal-card>img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:1200/630!important;
  object-fit:cover!important;
  border:1px solid #cbd4da!important;
  border-radius:10px!important;
  background:#f4f6f7!important;
  box-shadow:none!important;
  transition:border-color .18s ease,opacity .18s ease!important;
}
@media (hover: hover) and (pointer: fine){.article-body .article-internal-card:hover,
.article-page-v627 .article-internal-card:hover{
  transform:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}}
@media (hover: hover) and (pointer: fine){.article-body .article-internal-card:hover>img{
  border-color:#8d989f!important;
  opacity:.97!important;
}}
/* Old cards already stored in the database contained duplicated category/title/excerpt and an arrow.
   Hide those legacy children so old content automatically adopts the new thumbnail-first design. */
.article-body .article-internal-card>div,
.article-body .article-internal-card>strong{
  display:none!important;
}
.article-body .article-internal-card>.article-internal-card-fallback{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  aspect-ratio:1200/630!important;
  min-height:0!important;
  border:1px solid #cbd4da!important;
  border-radius:10px!important;
  background:#f2f4f5!important;
  color:#111!important;
  font-size:15px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
}
/* Generic bookmark cards may exist in saved content from older versions; never show the diagonal arrow. */
.article-body .article-link-card>strong{display:none!important}
@media(max-width:620px){
  .article-body .article-internal-card{width:100%!important;max-width:none!important;margin:1.9em 0!important}
  .article-body .article-internal-card::before{margin-bottom:8px!important;font-size:11px!important}
  .article-body .article-internal-card>img,
  .article-body .article-internal-card>.article-internal-card-fallback{border-radius:8px!important}
}

/* ===== v6.71: separate answer CMS + publication-order URLs ===== */
.admin-answer-row{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px 16px;background:#fff;border:1px solid #e3e6e8;border-radius:14px}
.admin-answer-mark{width:48px;height:48px;display:grid;place-items:center;border:1px solid #111;border-radius:50%;background:#fff;color:#111;font:900 18px/1 Georgia,serif}
.admin-answer-row .admin-article-main h2{font-size:15px;line-height:1.55;margin:6px 0 4px}
.admin-answer-question{max-width:760px!important;margin:0!important;color:#697178!important;font-size:10px!important;line-height:1.65!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-answer-url{display:block;margin-top:6px;color:#8a9298;font:700 9px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}
.status.answer-number{background:#f0f4f6;color:#39454d}
.status.queue{background:#f1f3f4;color:#5d666d}
.admin-answer-queue{margin-top:34px;padding-top:24px;border-top:1px solid #dce2e5}
.admin-answer-queue-list{display:grid;gap:8px}
.admin-answer-queue-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;padding:15px 16px;background:#fff;border:1px solid #e3e6e8;border-radius:14px}
.admin-answer-queue-row .inbox-meta{margin-bottom:5px}
.admin-answer-queue-row p{margin:0;font-size:12px;line-height:1.7;color:#2c3338;white-space:pre-wrap}
.admin-empty.compact{padding:34px 20px}
.answer-auto-url{display:grid;gap:6px;margin-bottom:16px;padding:13px 14px;border:1px solid #d6dde1;background:#f8fafb;border-radius:8px}
.answer-auto-url>span{font-size:9px;font-weight:900;color:#727d84;letter-spacing:.08em}
.answer-auto-url>b{font:850 12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;color:#111}
.answer-auto-url>small{font-size:9px;line-height:1.6;color:#7b858c}
@media(max-width:760px){.admin-answer-row{grid-template-columns:46px minmax(0,1fr);gap:12px}.admin-answer-mark{width:40px;height:40px;font-size:15px}.admin-answer-row .admin-row-actions{grid-column:1/-1;justify-content:flex-end;border-top:1px solid #edf0f2;padding-top:9px}.admin-answer-queue-row{grid-template-columns:1fr}.admin-answer-queue-row .btn{justify-self:start}.admin-answer-question{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}}


/* ===== v6.72: unified Q/H1 card, social follow CTA, compact footer, mobile dual hero actions ===== */
/* The page has one visible primary heading. It lives inside the Q card so the question is not repeated. */
.answer-page-v668 .answer-question-title-v672{
  display:grid!important;
  grid-template-columns:46px minmax(0,1fr)!important;
  gap:18px!important;
  align-items:start!important;
  margin:8px 0 38px!important;
  padding:26px 26px 24px!important;
  border:1px solid #d9e0e4!important;
  border-radius:12px!important;
  background:#f7f8f9!important;
}
.answer-question-title-copy-v672{min-width:0!important}
.answer-question-title-v672 h1{
  margin:0!important;
  max-width:none!important;
  color:#0c0f12!important;
  font-size:30px!important;
  font-weight:900!important;
  line-height:1.38!important;
  letter-spacing:-.04em!important;
  text-wrap:balance!important;
}
.answer-question-title-v672 time{
  display:block!important;
  margin-top:14px!important;
  color:#707a81!important;
  font-size:9px!important;
  font-weight:750!important;
  letter-spacing:.02em!important;
}
/* The old separate title area is intentionally removed in the template; guard against legacy rules. */
.answer-page-v668 .answer-hero-v668{display:none!important}

/* Sidebar: social follow module replaces the anonymous-question CTA. */
.answer-sidebar-social-v672{
  padding:18px 0 0!important;
  border-top:1px solid #cfd6db!important;
}
.answer-sidebar-social-v672 h2{
  margin:0 0 13px!important;
  font-size:15px!important;
  line-height:1.4!important;
  letter-spacing:-.025em!important;
}
.answer-sidebar-social-icons-v672{display:flex!important;gap:9px!important;align-items:center!important}
.answer-sidebar-social-icons-v672 a{
  display:grid!important;
  place-items:center!important;
  width:44px!important;
  height:44px!important;
  border:1px solid #ccd4d9!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:none!important;
  transition:border-color .16s ease,background .16s ease!important;
}
.answer-sidebar-social-icons-v672 img{display:block!important;max-width:21px!important;max-height:21px!important}
.answer-sidebar-social-icons-v672 .sidebar-note-v672 img{max-width:29px!important;max-height:29px!important}
@media(hover:hover){@media (hover: hover) and (pointer: fine){.answer-sidebar-social-icons-v672 a:hover{border-color:#111!important;background:#f7f9fa!important}}}

/* Footer: keep the same three groups but pull them closer together. */
.editorial-footer .footer-inner{width:min(100%,1060px)!important}
.editorial-footer .footer-main{
  grid-template-columns:minmax(220px,1fr) minmax(180px,.72fr) auto!important;
  gap:56px!important;
}
.editorial-footer .footer-copyright{color:#c3c9ce!important}
.editorial-footer .footer-copyright span{color:inherit!important}

@media(max-width:1040px){
  .answer-question-title-v672 h1{font-size:28px!important}
}
@media(max-width:900px){
  .editorial-footer .footer-inner{width:min(100%,760px)!important}
  .editorial-footer .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,.75fr)!important;gap:32px 42px!important}
  .answer-sidebar-social-v672{padding-top:20px!important}
}
@media(max-width:620px){
  .answer-page-v668 .answer-question-title-v672{
    grid-template-columns:36px minmax(0,1fr)!important;
    gap:12px!important;
    margin:4px 0 32px!important;
    padding:18px 16px!important;
    border-radius:9px!important;
  }
  .answer-question-title-v672 h1{font-size:23px!important;line-height:1.42!important;letter-spacing:-.035em!important}
  .answer-question-title-v672 time{margin-top:11px!important;font-size:8.5px!important}
  .answer-sidebar-social-icons-v672 a{width:42px!important;height:42px!important}
  .editorial-footer .footer-inner{width:100%!important}
  .editorial-footer .footer-main{gap:28px 24px!important}
  /* Keep the two top-page CTAs side by side even on narrow phones. */
  .hero-editorial .hero-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important}
  .hero-editorial .hero-actions .btn{width:100%!important;min-width:0!important;height:54px!important;padding:0 8px!important;font-size:13px!important}
}
@media(max-width:420px){
  .hero-editorial .hero-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .hero-editorial .hero-actions .btn{width:100%!important}
}
@media(max-width:340px){
  .answer-question-title-v672 h1{font-size:21px!important}
  .editorial-footer .footer-main{gap:26px 18px!important}
}


/* ===== v6.72 final visual pass: tighter footer + readable desktop two-line question ===== */
@media(min-width:1041px){
  .answer-question-title-v672 h1{font-size:26px!important;line-height:1.42!important}
  .editorial-footer .footer-main{grid-template-columns:260px 180px auto!important;gap:56px!important;justify-content:start!important}
}
.editorial-footer .footer-bottom .footer-copyright{color:#c3c9ce!important}
.editorial-footer .footer-bottom .footer-copyright span{color:inherit!important}

@media(max-width:1100px) and (min-width:901px){
  .answer-reading-layout-v668{grid-template-columns:1fr!important;gap:46px!important}
  .answer-sidebar-v668{position:static!important;top:auto!important;padding-top:0!important}
  .answer-sidebar-list-v668{grid-template-columns:1fr 1fr!important;column-gap:28px!important}
  .answer-sidebar-list-v668>a:nth-child(2){border-top:0!important}
}


/* ===== v6.73: calmer answer-page rhythm, A marker, aligned footer, refined contact / question CTA ===== */
/* Fewer decorative rules: use whitespace and grouping instead of stacking separators. */
.answer-response-v668{border-bottom:0!important;padding-bottom:24px!important}
.related-answers{margin-top:42px!important;padding-top:0!important;border-top:0!important}
.answer-sns-v668{margin-top:48px!important;padding-top:0!important;border-top:0!important}
.answer-sidebar-panel-v668{border-bottom:0!important;padding-bottom:0!important}
.answer-sidebar-social-v672{margin-top:10px!important;padding-top:8px!important;border-top:0!important}
.answer-sidebar-v668{gap:22px!important}
.related-answer-list>a:last-child{border-bottom:0!important}
/* Q / A pairing without replacing the creator avatar. */
.answer-response-v668>header{display:grid!important;grid-template-columns:38px 52px minmax(0,1fr)!important;gap:11px!important;align-items:center!important;margin-bottom:24px!important}
.answer-response-mark-v673{display:grid!important;place-items:center!important;width:36px!important;height:36px!important;border:1px solid #111!important;border-radius:50%!important;background:#fff!important;color:#111!important;font:900 15px/1 Georgia,serif!important}
/* Sidebar title is intentionally longer in v6.73. */
.answer-sidebar-title-v668 h2{font-size:18px!important;letter-spacing:-.03em!important}
/* Anonymous question CTA: one consistent message on list + detail. */
.answers-ask-cta-v673,.answer-ask-cta-v673{border:0!important;margin-top:64px!important;padding:30px 32px!important}
.answers-ask-cta-v673 h2,.answer-ask-cta-v673 h2{font-size:24px!important;margin-bottom:9px!important}
.answers-ask-cta-v673 p,.answer-ask-cta-v673 p{font-size:11.5px!important;line-height:1.8!important}
.answers-ask-cta-v673 p small,.answer-ask-cta-v673 p small{display:inline-block!important;margin-top:3px!important;color:#aeb7bd!important;font-size:10px!important;letter-spacing:0!important}
.answer-ask-cta-v673{max-width:900px!important;margin-left:0!important}
/* Footer top groups and bottom row now share the exact same content width. */
.editorial-footer .footer-inner{width:min(100%,1100px)!important}
.editorial-footer .footer-main{width:100%!important;grid-template-columns:1fr 1fr auto!important;gap:40px!important;justify-content:stretch!important}
.editorial-footer .footer-col:nth-child(2){justify-self:center!important}
.editorial-footer .footer-col-social{justify-self:end!important}
.editorial-footer .footer-bottom{width:100%!important}
.editorial-footer .footer-copyright,.editorial-footer .footer-bottom .footer-copyright{color:#d5dadd!important}
/* Home contact card: the cyan cap is a clean accent, not a bordered stripe. */
.editorial-contact-grid .contact-panel .panel-accent-blue{left:0!important;right:0!important;top:0!important;height:6px!important;border:0!important}
.editorial-contact-grid .contact-panel{border-top-color:#d8e0e4!important}
.editorial-contact-grid .contact-panel .contact-panel-head-v673{margin:0 0 22px!important;padding:0!important}
.editorial-contact-grid .contact-panel .contact-panel-head-v673 .section-kicker{font-size:12px!important;color:#111!important}
@media(max-width:900px){
  .editorial-footer .footer-inner{width:min(100%,760px)!important}
  .editorial-footer .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important;gap:32px 40px!important}
  .editorial-footer .footer-col:nth-child(2){justify-self:start!important}
  .editorial-footer .footer-col-social{justify-self:start!important}
  .answer-ask-cta-v673{max-width:none!important}
}
@media(max-width:620px){
  .answer-response-v668>header{grid-template-columns:32px 46px minmax(0,1fr)!important;gap:9px!important}
  .answer-response-mark-v673{width:30px!important;height:30px!important;font-size:13px!important}
  .answers-ask-cta-v673,.answer-ask-cta-v673{padding:24px 20px!important;margin-top:46px!important}
  .answers-ask-cta-v673 h2,.answer-ask-cta-v673 h2{font-size:21px!important}
  .editorial-footer .footer-main{gap:28px 24px!important}
}

/* v6.73 finishing pass */
.related-answer-list>a>span{display:none!important}
.contact-zone .contact-zone-head{border-bottom:0!important;padding-bottom:0!important}


/* ===== v6.74: Q&A hierarchy, compact CTA, centered footer contents, contact cleanup ===== */
/* Answers naming is handled in templates; this pass focuses on visual hierarchy. */

/* Home contact: cyan cap only — no dark hairline and no duplicated inner label. */
.contact-block-single .contact-panel{border-top:0!important;padding-top:34px!important}
.contact-block-single .contact-panel .panel-accent-blue{left:0!important;right:0!important;top:0!important;height:6px!important;border:0!important;background:var(--cyan)!important}
.contact-block-single .contact-panel .panel-accent-blue::before,.contact-block-single .contact-panel .panel-accent-blue::after{display:none!important;content:none!important}
.contact-block-single .contact-panel>.panel-head{display:none!important}

/* Footer: place CONTENTS on the true visual center, with SITE/SNS anchoring the sides. */
.editorial-footer .footer-main{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:48px!important}
.editorial-footer .footer-col:nth-child(2){justify-self:center!important;text-align:left!important}
.editorial-footer .footer-col-social{justify-self:end!important}

/* Q card: the date belongs to the answer, not the question. */
.answer-question-title-v672 time{display:none!important}

/* Answer identity row: Q and A now use the same visual grammar without making the avatar feel detached. */
.answer-response-v668>header.answer-response-header-v674{display:grid!important;grid-template-columns:38px 54px minmax(0,1fr)!important;gap:12px!important;align-items:center!important;margin:0 0 28px!important}
.answer-response-header-v674>img{width:54px!important;height:54px!important;border-radius:14px!important}
.answer-response-meta-v674{display:grid!important;align-content:center!important;gap:2px!important;min-width:0!important}
.answer-response-meta-v674>span{color:#7a838a!important;font-size:9px!important;font-weight:800!important;line-height:1.35!important;letter-spacing:.02em!important}
.answer-response-meta-v674>b{color:#111!important;font-size:18px!important;font-weight:900!important;line-height:1.35!important;letter-spacing:-.025em!important}
.answer-response-meta-v674>time{display:block!important;margin-top:2px!important;color:#717b82!important;font-size:9px!important;font-weight:700!important;line-height:1.4!important}
.answer-response-mark-v673{align-self:center!important}
.answer-response-v668 .answer-response-body{padding-left:0!important}

/* Related answers keep one clear heading; no ornamental rules are added. */
.related-answers-head h2{font-size:26px!important}

/* Anonymous-question CTA: compact editorial banner, not a full-width stretched strip. */
.answers-ask-cta-v673,.answer-ask-cta-v673{
  width:min(100%,820px)!important;
  max-width:820px!important;
  margin:58px auto 0!important;
  padding:30px 32px!important;
  grid-template-columns:minmax(0,1fr) 126px!important;
  gap:34px!important;
  justify-content:start!important;
}
.answers-ask-cta-v673>div,.answer-ask-cta-v673>div{max-width:590px!important}
.answers-ask-cta-v673>a,.answer-ask-cta-v673>a{width:126px!important;min-height:48px!important;padding:0 14px!important}

@media(max-width:900px){
  .editorial-footer .footer-main{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)!important;gap:32px 40px!important}
  .editorial-footer .footer-col:nth-child(2){justify-self:start!important;text-align:left!important}
  .editorial-footer .footer-col-social{justify-self:start!important}
  .answers-ask-cta-v673,.answer-ask-cta-v673{width:min(100%,760px)!important;max-width:760px!important}
}
@media(max-width:620px){
  .answer-response-v668>header.answer-response-header-v674{grid-template-columns:32px 48px minmax(0,1fr)!important;gap:10px!important;margin-bottom:24px!important}
  .answer-response-header-v674>img{width:48px!important;height:48px!important;border-radius:13px!important}
  .answer-response-meta-v674>b{font-size:16px!important}
  .answer-response-meta-v674>span,.answer-response-meta-v674>time{font-size:8.5px!important}
  .answers-ask-cta-v673,.answer-ask-cta-v673{
    width:100%!important;
    max-width:none!important;
    margin-top:44px!important;
    padding:24px 20px!important;
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  .answers-ask-cta-v673>div,.answer-ask-cta-v673>div{max-width:none!important}
  .answers-ask-cta-v673>a,.answer-ask-cta-v673>a{width:auto!important;min-width:118px!important;justify-self:start!important}
  /* Mobile already has the full-width SNS follow section in the main column. Avoid duplicating it in the sidebar. */
  .answer-sidebar-social-v672{display:none!important}
}
/* v6.74 contact spacing after removing the duplicated inner label. */
.contact-block-single .contact-panel>.modern-form{padding-top:28px!important}


/* ===== v6.74 final alignment pass ===== */
/* Q and A markers use the same left rhythm instead of letting the answer header drift outward. */
.answer-response-v668>header.answer-response-header-v674{padding-left:24px!important}
/* Keep the anonymous-question CTA compact; the message and action should read as one unit. */
.answers-ask-cta-v673,.answer-ask-cta-v673{
  width:min(100%,760px)!important;
  max-width:760px!important;
  padding:28px 30px!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:28px!important;
}
.answers-ask-cta-v673>div,.answer-ask-cta-v673>div{max-width:520px!important}
.answers-ask-cta-v673>a,.answer-ask-cta-v673>a{width:120px!important;min-width:120px!important}
/* Defensive reset: the cyan cap on the contact form must never inherit a dark border/shadow. */
.contact-block-single .contact-panel{border-top:none!important;outline:0!important;box-shadow:none!important}
.contact-block-single .contact-panel .panel-accent-blue{
  border:none!important;outline:0!important;box-shadow:none!important;background:var(--cyan)!important
}
@media(max-width:900px){
  /* Once the sidebar drops below the article, its social module duplicates the main SNS section. */
  .answer-sidebar-social-v672{display:none!important}
}
@media(max-width:620px){
  .answer-response-v668>header.answer-response-header-v674{padding-left:16px!important}
  .answers-ask-cta-v673,.answer-ask-cta-v673{
    width:100%!important;max-width:none!important;padding:24px 20px!important;
    grid-template-columns:1fr!important;gap:18px!important
  }
  .answers-ask-cta-v673>div,.answer-ask-cta-v673>div{max-width:none!important}
  .answers-ask-cta-v673>a,.answer-ask-cta-v673>a{width:auto!important;min-width:118px!important}
}


/* ===== v6.75: concise Q&A naming, archive de-duplication, adaptive full question title ===== */
/* Archive cards: the H2 already represents the question. Avoid repeating the same question excerpt below it. */
.answers-view-v668 .answer-list-question{display:none!important}
.answers-view-v668 .answer-list-card{min-height:258px!important}
.answers-view-v668 .answer-list-card h2,.answer-list-card h3{margin-bottom:18px!important}
.answers-view-v668 .answer-list-preview{margin-top:0!important}

/* The anonymous-question CTA belongs to the reading column and should align exactly with it. */
.answer-page-v668 .answer-main-v668>.answer-ask-cta-v675{
  width:100%!important;
  max-width:none!important;
  margin:54px 0 0!important;
  padding:28px 30px!important;
}

/* Question H1 is always fully visible. Typography steps down according to the actual title length. */
.answer-page-v668 .answer-question-title-v672 h1{
  display:block!important;
  max-width:none!important;
  max-height:none!important;
  overflow:visible!important;
  text-overflow:clip!important;
  white-space:pre-line!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  -webkit-line-clamp:unset!important;
  -webkit-box-orient:initial!important;
  text-wrap:pretty!important;
}
.answer-page-v668 .answer-question-title-v672.q-title-short-v675 h1{font-size:34px!important;line-height:1.34!important}
.answer-page-v668 .answer-question-title-v672.q-title-medium-v675 h1{font-size:29px!important;line-height:1.38!important}
.answer-page-v668 .answer-question-title-v672.q-title-long-v675 h1{font-size:25px!important;line-height:1.43!important}
.answer-page-v668 .answer-question-title-v672.q-title-xlong-v675 h1{font-size:22px!important;line-height:1.5!important}

@media(max-width:1040px){
  .answer-page-v668 .answer-question-title-v672.q-title-short-v675 h1{font-size:31px!important}
  .answer-page-v668 .answer-question-title-v672.q-title-medium-v675 h1{font-size:27px!important}
  .answer-page-v668 .answer-question-title-v672.q-title-long-v675 h1{font-size:24px!important}
  .answer-page-v668 .answer-question-title-v672.q-title-xlong-v675 h1{font-size:21px!important}
}
@media(max-width:620px){
  .answers-view-v668 .answer-list-card{min-height:230px!important}
  .answer-page-v668 .answer-question-title-v672{grid-template-columns:32px minmax(0,1fr)!important;gap:10px!important;padding:16px 14px!important}
  .answer-page-v668 .answer-question-title-v672 .answer-question-mark{width:32px!important;height:32px!important;font-size:13px!important}
  .answer-page-v668 .answer-question-title-v672.q-title-short-v675 h1{font-size:20px!important;font-weight:700!important;line-height:1.56!important;letter-spacing:-.025em!important}
  .answer-page-v668 .answer-question-title-v672.q-title-medium-v675 h1{font-size:18.5px!important;font-weight:700!important;line-height:1.6!important;letter-spacing:-.022em!important}
  .answer-page-v668 .answer-question-title-v672.q-title-long-v675 h1{font-size:17px!important;font-weight:700!important;line-height:1.66!important;letter-spacing:-.018em!important}
  .answer-page-v668 .answer-question-title-v672.q-title-xlong-v675 h1{font-size:15.5px!important;font-weight:700!important;line-height:1.72!important;letter-spacing:-.012em!important}
  .answer-page-v668 .answer-main-v668>.answer-ask-cta-v675{margin-top:44px!important;padding:24px 20px!important}
}
@media(max-width:380px){
  .answer-page-v668 .answer-question-title-v672.q-title-short-v675 h1{font-size:19px!important}
  .answer-page-v668 .answer-question-title-v672.q-title-medium-v675 h1{font-size:17.5px!important}
  .answer-page-v668 .answer-question-title-v672.q-title-long-v675 h1{font-size:16px!important}
  .answer-page-v668 .answer-question-title-v672.q-title-xlong-v675 h1{font-size:15px!important;line-height:1.76!important}
}


/* ===== v6.76: article image alignment + editable ALT text ===== */
/* Existing article images without an alignment class remain centered for backward compatibility. */
.rich-editor .article-image,.article-body .article-image{display:block!important;width:100%!important}
.rich-editor .article-image.image-align-left img,.article-body .article-image.image-align-left img{margin-left:0!important;margin-right:auto!important}
.rich-editor .article-image.image-align-center img,.article-body .article-image.image-align-center img{margin-left:auto!important;margin-right:auto!important}
.rich-editor .article-image.image-align-right img,.article-body .article-image.image-align-right img{margin-left:auto!important;margin-right:0!important}
.rich-editor .article-image{cursor:pointer!important;position:relative!important}
@media (hover: hover) and (pointer: fine){.rich-editor .article-image:hover{outline:2px solid rgba(66,215,255,.75)!important;outline-offset:6px!important}}
.image-settings-panel{width:min(620px,calc(100vw - 32px))!important}
.image-settings-preview{display:grid;place-items:center;min-height:180px;max-height:320px;margin:0 0 22px;padding:18px;background:#f4f7f9;border:1px solid #d4dde3;overflow:hidden}
.image-settings-preview img{display:block;max-width:100%;max-height:280px;width:auto;height:auto;object-fit:contain}
.image-settings-fields{display:grid;gap:12px}.image-settings-fields>label{display:grid;gap:8px;font-size:12px;font-weight:900}.image-settings-fields input[type="text"],.image-settings-fields input:not([type]){width:100%;border:1px solid #bcc6cc;border-radius:0;padding:12px 13px;background:#fff;outline:none}.image-settings-fields input:focus{border-color:#111;box-shadow:3px 3px 0 var(--cyan)}
.image-align-field{margin:4px 0 0;padding:0;border:0}.image-align-field legend{margin:0 0 10px;font-size:12px;font-weight:900}.image-align-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.image-align-options label{position:relative;cursor:pointer}.image-align-options input{position:absolute;opacity:0;pointer-events:none}.image-align-options span{display:flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #bcc6cc;background:#fff;font-size:13px;font-weight:900;transition:.15s ease}.image-align-options input:checked+span{border-color:#111;background:#111;color:#fff;box-shadow:4px 4px 0 var(--cyan)}.image-align-options input:focus-visible+span{outline:2px solid #111;outline-offset:2px}
@media(max-width:620px){.image-settings-preview{min-height:140px;max-height:250px;padding:12px}.image-settings-preview img{max-height:220px}.image-align-options{gap:7px}.image-align-options span{min-height:44px}}


/* ===== v6.77: unified Q/A markers + simplified answer byline ===== */
/* Q and A are a visual pair: identical circle, typeface, size, weight and stroke. */
.answer-page-v668 .answer-question-box-v668 .answer-question-mark,
.answer-page-v668 .answer-response-mark-v673{
  width:40px!important;
  height:40px!important;
  min-width:40px!important;
  min-height:40px!important;
  border:1px solid #111!important;
  border-radius:50%!important;
  background:#fff!important;
  color:#111!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif!important;
  font-size:17px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:0!important;
}
.answer-page-v668 .answer-response-v668>header.answer-response-header-v674{
  grid-template-columns:40px 54px minmax(0,1fr)!important;
}
.answer-page-v668 .answer-response-meta-v674{gap:5px!important}
.answer-page-v668 .answer-response-meta-v674>b{display:none!important}
.answer-page-v668 .answer-response-meta-v674>span{
  color:#626c73!important;
  font-size:10px!important;
  font-weight:850!important;
  line-height:1.35!important;
  letter-spacing:.01em!important;
}
.answer-page-v668 .answer-response-meta-v674>time{
  margin-top:0!important;
  color:#707a81!important;
  font-size:9.5px!important;
  font-weight:700!important;
  line-height:1.35!important;
}
@media(max-width:620px){
  .answer-page-v668 .answer-question-box-v668 .answer-question-mark,
  .answer-page-v668 .answer-response-mark-v673{
    width:34px!important;height:34px!important;min-width:34px!important;min-height:34px!important;font-size:14px!important
  }
  .answer-page-v668 .answer-response-v668>header.answer-response-header-v674{
    grid-template-columns:34px 48px minmax(0,1fr)!important;
  }
  .answer-page-v668 .answer-response-meta-v674>span{font-size:9px!important}
  .answer-page-v668 .answer-response-meta-v674>time{font-size:8.5px!important}
}

/* ===== v6.78: collapsible sticky editor tools + bulk HTML/image import ===== */
.editor-tool-stack-head{
  min-height:34px;
  padding:1px 3px 6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid #eef1f3;
}
.editor-tool-stack-label{display:flex;align-items:baseline;gap:11px;min-width:0}
.editor-tool-stack-label>b{font-size:11px;line-height:1;font-weight:950;letter-spacing:.02em;color:#111}
.editor-tool-summary{font-size:9px;line-height:1;color:#77818a;white-space:nowrap}
.editor-tool-summary strong{font-size:10px;color:#111}
.editor-tool-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:68px;
  height:28px;
  padding:0 9px;
  border:1px solid #cbd4da;
  background:#fff;
  color:#111;
  font-size:10px;
  font-weight:900;
  cursor:pointer;
}
@media (hover: hover) and (pointer: fine){.editor-tool-toggle:hover{border-color:#111;background:#f4f7f9}}
.editor-tool-toggle i{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(225deg) translate(-1px,-1px);transition:transform .15s ease}
.editor-tool-stack.is-collapsed{padding:5px 7px!important;box-shadow:0 8px 20px rgba(10,18,26,.07)}
.editor-tool-stack.is-collapsed .editor-tool-stack-head{padding-bottom:0;border-bottom:0}
.editor-tool-stack.is-collapsed .editor-tool-stack-content{display:none!important}
.editor-tool-stack.is-collapsed .editor-tool-toggle i{transform:rotate(45deg) translate(-1px,-1px)}
.editor-tool-stack-content{display:block}

.editor-insert-card.insert-html .insert-icon{font:900 13px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.08em}
.html-paste-panel{width:min(820px,calc(100vw - 32px))!important}
.html-paste-lead{margin:0 0 18px;color:#5f6870;font-size:12px;line-height:1.8}
.html-paste-field{display:grid;gap:8px;font-size:12px;font-weight:900}
.html-paste-field textarea{
  width:100%;
  min-height:300px;
  padding:14px 15px;
  resize:vertical;
  border:1px solid #bcc6cc;
  border-radius:0;
  background:#fff;
  color:#111;
  font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;
  outline:none;
}
.html-paste-field textarea:focus{border-color:#111;box-shadow:4px 4px 0 var(--cyan)}
.html-paste-note{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:14px;padding:12px 14px;background:#f4f7f9;border-left:3px solid var(--cyan);font-size:11px;line-height:1.7;color:#58636c}
.html-paste-note>b{color:#111;white-space:nowrap}
.html-paste-status{min-height:18px;margin:12px 0 0;font-size:11px;line-height:1.6;color:#5e6971}
.html-paste-status.is-error{color:#b42318;font-weight:800}
.html-paste-status.is-success{color:#18794e;font-weight:800}
.html-paste-panel .insert-modal-actions{margin-top:10px}

@media(max-width:620px){
  .editor-tool-stack-head{min-height:32px;gap:8px}
  .editor-tool-stack-label>b{font-size:10px}
  .editor-tool-summary{font-size:8px}
  .editor-tool-toggle{min-width:60px;height:27px;padding:0 8px;font-size:9px}
  .html-paste-panel{width:calc(100vw - 20px)!important}
  .html-paste-field textarea{min-height:240px;font-size:11px}
  .html-paste-note{grid-template-columns:1fr;gap:3px;padding:11px 12px}
}

/* ===== v6.79: local HTML bundle import (file:/// images) ===== */
.html-local-import{
  margin:0 0 18px;
  padding:16px;
  border:1px solid #d4dce1;
  background:#f8fafb;
}
.html-local-import-copy{display:grid;gap:4px;margin-bottom:12px}
.html-local-import-copy>b{font-size:13px;line-height:1.4;color:#111}
.html-local-import-copy>span{font-size:11px;line-height:1.7;color:#66717a}
.html-local-drop{
  min-height:92px;
  display:grid;
  place-content:center;
  gap:5px;
  padding:16px;
  border:1.5px dashed #aeb9c1;
  background:#fff;
  text-align:center;
  cursor:default;
  transition:border-color .15s ease,background .15s ease,box-shadow .15s ease;
}
.html-local-drop>b{font-size:12px;line-height:1.5;color:#111}
.html-local-drop>span{font-size:10px;line-height:1.5;color:#7a858d}
.html-local-drop.is-dragover{border-color:#111;background:#f1fbff;box-shadow:inset 0 0 0 2px var(--cyan)}
.html-local-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.html-local-actions .btn{height:34px!important;font-size:10px!important}
.html-local-summary{margin:10px 0 0;font-size:10px;line-height:1.7;color:#69747d}
.html-local-summary.has-warning{color:#9a5b00;font-weight:800}
.html-local-summary.is-ready{color:#18794e;font-weight:800}
.html-paste-lead code,.html-paste-note code{font:inherit;background:#e9eef1;padding:1px 4px}
@media(max-width:620px){
  .html-local-import{padding:13px}
  .html-local-drop{min-height:82px;padding:12px}
  .html-local-actions{display:grid;grid-template-columns:1fr}
  .html-local-actions .btn{width:100%}
}


/* ======================================================================
   v6.80 — Google Preferred Sources / quiet editorial CTA
   Official integration: Google Search Central Preferred Sources SDK.
   ====================================================================== */
.preferred-source-button-v680{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-height:52px!important;padding:12px 18px!important;
  border:1px solid #aeb8bf!important;border-radius:0!important;background:#fff!important;
  color:#111!important;text-decoration:none!important;box-shadow:none!important;
  font-size:13px!important;font-weight:850!important;line-height:1.45!important;
  letter-spacing:-.01em!important;text-align:center!important;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease!important;
}
@media(hover:hover) and (pointer:fine){
  .preferred-source-button-v680:hover{background:#111!important;color:#fff!important;border-color:#111!important}
}
.article-preferred-source-row-v680{
  width:100%;max-width:1120px;margin:34px auto 0;display:grid;
  grid-template-columns:minmax(0,780px) 240px;gap:58px;justify-content:center;
}
.article-preferred-source-main-v680{grid-column:1;min-width:0}
.article-preferred-source-main-v680 .preferred-source-button-v680,
.answer-preferred-source-main-v680 .preferred-source-button-v680{max-width:520px}
.preferred-source-sidebar-v680{margin-top:14px;padding-top:14px;border-top:1px solid #dbe1e5}
.preferred-source-sidebar-v680 .preferred-source-button-v680{
  min-height:46px!important;padding:10px 10px!important;font-size:11px!important;line-height:1.45!important;
  justify-content:center!important;text-align:center!important;
}
.preferred-source-sidebar-v680 .preferred-source-button-v680::before{width:22px;height:22px;margin-right:8px;font-size:10px}
.answer-preferred-source-main-v680{margin-top:34px}
.answer-preferred-source-sidebar-v680{margin-top:2px}
@media(max-width:900px){
  .preferred-source-sidebar-v680{display:none!important}
  .article-preferred-source-row-v680{display:block;margin-top:24px}
  .article-preferred-source-main-v680 .preferred-source-button-v680,
  .answer-preferred-source-main-v680 .preferred-source-button-v680{max-width:none}
}
@media(max-width:620px){
  .preferred-source-button-v680{min-height:50px!important;padding:11px 13px!important;font-size:12px!important}
  .answer-preferred-source-main-v680{margin-top:28px}
}

/* ======================================================================
   v6.81 — Preferred Sources CTA spacing / unified editorial treatment
   ====================================================================== */
.preferred-source-unit-v681{
  width:100%;
  min-width:0;
}
.preferred-source-message-v681{
  margin:0 0 10px!important;
  color:#5f686f!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.7!important;
  letter-spacing:0!important;
}
.preferred-source-message-v681 strong{
  color:#111!important;
  font-weight:850!important;
}
/* Keep the same quiet black/white button language everywhere. */
.preferred-source-button-v680{
  min-height:54px!important;
  padding:13px 18px!important;
  border:1px solid #aeb8bf!important;
  background:#fff!important;
  color:#111!important;
  font-size:12.5px!important;
  font-weight:850!important;
}
/* Article: align the lower CTA exactly with the 780px reading column. */
.article-preferred-source-row-v680{
  width:100%!important;
  max-width:1120px!important;
  margin:40px auto 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,780px) 224px!important;
  gap:66px!important;
  justify-content:center!important;
  align-items:start!important;
}
.article-preferred-source-main-v680{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
}
.article-preferred-source-main-v680 .preferred-source-button-v680,
.answer-preferred-source-main-v680 .preferred-source-button-v680{
  width:100%!important;
  max-width:none!important;
}
.article-reading-grid-v621.no-toc + .article-preferred-source-row-v680{
  max-width:780px!important;
  grid-template-columns:minmax(0,780px)!important;
}
/* Article desktop sidebar: TOC and Google CTA are separate modules, not one joined block. */
.article-page-v627 .article-reading-grid-v621>.article-sidebar-stack-v681{
  grid-column:2!important;
  min-width:0!important;
  position:sticky!important;
  top:92px!important;
  align-self:start!important;
}
.article-page-v627 .article-sidebar-stack-v681>.article-toc-v621{
  position:static!important;
  top:auto!important;
}
.preferred-source-sidebar-v680{
  margin-top:24px!important;
  padding-top:0!important;
  border-top:0!important;
}
.preferred-source-sidebar-v680 .preferred-source-message-v681{
  margin-bottom:9px!important;
  font-size:10.5px!important;
  line-height:1.65!important;
}
.preferred-source-sidebar-v680 .preferred-source-button-v680{
  min-height:48px!important;
  padding:10px 11px!important;
  font-size:11px!important;
  line-height:1.45!important;
}
.answer-preferred-source-main-v680{
  width:100%!important;
  margin-top:38px!important;
}
.answer-preferred-source-sidebar-v680{margin-top:22px!important}
@media(max-width:900px){
  .article-page-v627 .article-reading-grid-v621>.article-sidebar-stack-v681{
    order:0!important;
    position:static!important;
    top:auto!important;
    width:100%!important;
  }
  .article-preferred-source-row-v680{
    display:block!important;
    max-width:780px!important;
    margin-top:30px!important;
  }
  .preferred-source-sidebar-v680{display:none!important}
}
@media(max-width:620px){
  .preferred-source-message-v681{
    margin-bottom:9px!important;
    font-size:11px!important;
    line-height:1.65!important;
  }
  .preferred-source-button-v680{
    min-height:52px!important;
    padding:12px 13px!important;
    font-size:11.5px!important;
  }
  .article-preferred-source-row-v680{margin-top:26px!important}
  .answer-preferred-source-main-v680{margin-top:30px!important}
}


/* ======================================================================
   v6.82 — Preferred Sources CTA copy hierarchy
   Reference direction: Ahrefs / Semrush — concise benefit-led CTA copy,
   expressed with typography and whitespace rather than decorative arrows.
   ====================================================================== */
.preferred-source-message-v682{
  position:relative!important;
  display:grid!important;
  grid-template-columns:7px minmax(0,1fr)!important;
  column-gap:11px!important;
  row-gap:2px!important;
  margin:0 0 13px!important;
  padding:1px 0!important;
  color:#111!important;
}
.preferred-source-message-v682::before{
  content:""!important;
  grid-column:1!important;
  grid-row:1 / span 2!important;
  width:7px!important;
  height:7px!important;
  margin-top:7px!important;
  background:#111!important;
}
.preferred-source-message-main-v682{
  grid-column:2!important;
  display:block!important;
  font-size:16px!important;
  font-weight:900!important;
  line-height:1.45!important;
  letter-spacing:-.025em!important;
}
.preferred-source-message-v682 strong{
  grid-column:2!important;
  display:block!important;
  color:#687178!important;
  font-size:11.5px!important;
  font-weight:750!important;
  line-height:1.55!important;
  letter-spacing:.01em!important;
}
/* Sidebar keeps the same visual language, scaled down rather than redesigned. */
.preferred-source-sidebar-v680 .preferred-source-message-v682{
  grid-template-columns:6px minmax(0,1fr)!important;
  column-gap:9px!important;
  margin-bottom:10px!important;
}
.preferred-source-sidebar-v680 .preferred-source-message-v682::before{
  width:6px!important;
  height:6px!important;
  margin-top:6px!important;
}
.preferred-source-sidebar-v680 .preferred-source-message-main-v682{
  font-size:12.5px!important;
  line-height:1.5!important;
}
.preferred-source-sidebar-v680 .preferred-source-message-v682 strong{
  font-size:9.75px!important;
  line-height:1.5!important;
}
@media(max-width:620px){
  .preferred-source-message-v682{
    grid-template-columns:6px minmax(0,1fr)!important;
    column-gap:9px!important;
    margin-bottom:11px!important;
  }
  .preferred-source-message-v682::before{
    width:6px!important;
    height:6px!important;
    margin-top:6px!important;
  }
  .preferred-source-message-main-v682{font-size:14px!important}
  .preferred-source-message-v682 strong{font-size:10.5px!important}
}

/* ======================================================================
   v6.83 — Preferred Sources CTA / editorial refinement
   Quality benchmark: award-level editorial UI — proportion, hierarchy,
   rhythm, restraint, responsive behavior and interaction consistency.
   ====================================================================== */
.preferred-source-unit-v683{
  --ps-ink:#0b0d0f;
  --ps-muted:#69737a;
  --ps-line:#cfd7dc;
  --ps-soft:#eef2f4;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(238px,300px)!important;
  gap:28px!important;
  align-items:center!important;
  padding:18px 0 20px!important;
  border-top:2px solid var(--ps-ink)!important;
  border-bottom:1px solid var(--ps-line)!important;
}
.preferred-source-copy-v683{
  min-width:0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.preferred-source-message-main-v683{
  display:block!important;
  margin:0!important;
  color:var(--ps-ink)!important;
  font-size:18px!important;
  font-weight:900!important;
  line-height:1.38!important;
  letter-spacing:-.035em!important;
  text-wrap:balance!important;
}
.preferred-source-copy-v683 strong{
  display:block!important;
  margin:0!important;
  color:var(--ps-muted)!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:1.65!important;
  letter-spacing:.015em!important;
}
.preferred-source-unit-v683 .preferred-source-button-v680{
  position:relative!important;
  width:100%!important;
  min-height:48px!important;
  padding:11px 15px!important;
  border:1px solid var(--ps-ink)!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--ps-ink)!important;
  box-shadow:none!important;
  font-size:11.5px!important;
  font-weight:800!important;
  line-height:1.45!important;
  letter-spacing:.005em!important;
  overflow:hidden!important;
  isolation:isolate!important;
  transition:color .2s ease,background-color .2s ease!important;
}
.preferred-source-unit-v683 .preferred-source-button-v680::before{
  content:""!important;
  position:absolute!important;
  inset:auto 0 0!important;
  width:auto!important;
  height:3px!important;
  margin:0!important;
  background:var(--ps-ink)!important;
  transform:scaleX(0)!important;
  transform-origin:left center!important;
  transition:transform .22s cubic-bezier(.2,.75,.25,1)!important;
  z-index:-1!important;
}
.preferred-source-unit-v683 .preferred-source-button-v680 span{position:relative!important;z-index:1!important}
.preferred-source-unit-v683 .preferred-source-button-v680{white-space:nowrap!important}
@media(hover:hover) and (pointer:fine){
  .preferred-source-unit-v683 .preferred-source-button-v680:hover{
    background:#fff!important;
    color:var(--ps-ink)!important;
  }
  .preferred-source-unit-v683 .preferred-source-button-v680:hover::before{transform:scaleX(1)!important}
}
.preferred-source-unit-v683 .preferred-source-button-v680:focus-visible{
  outline:3px solid rgba(11,13,15,.18)!important;
  outline-offset:3px!important;
}

/* Main reading-column placement: component width follows the article/answer body. */
.article-preferred-source-main-v680 .preferred-source-unit-v683,
.answer-preferred-source-main-v680 .preferred-source-unit-v683{width:100%!important}

/* Sidebar is the same component, proportionally reduced — no alternate visual language. */
.preferred-source-sidebar-v680{
  margin-top:28px!important;
  padding-top:0!important;
  border-top:0!important;
}
.preferred-source-sidebar-v680 .preferred-source-unit-v683{
  display:block!important;
  padding:14px 0 16px!important;
  border-top-width:2px!important;
}
.preferred-source-sidebar-v680 .preferred-source-copy-v683{gap:2px!important;margin-bottom:11px!important}
.preferred-source-sidebar-v680 .preferred-source-message-main-v683{
  font-size:13px!important;
  line-height:1.45!important;
  letter-spacing:-.025em!important;
}
.preferred-source-sidebar-v680 .preferred-source-copy-v683 strong{
  font-size:9.75px!important;
  line-height:1.55!important;
}
.preferred-source-sidebar-v680 .preferred-source-button-v680{
  min-height:44px!important;
  padding:9px 10px!important;
  font-size:10.5px!important;
}
.article-preferred-source-sidebar-v681{margin-top:28px!important}
.answer-preferred-source-sidebar-v680{margin-top:26px!important}

@media(max-width:900px){
  .preferred-source-sidebar-v680{display:none!important}
  .preferred-source-unit-v683{
    grid-template-columns:minmax(0,1fr) minmax(220px,280px)!important;
    gap:22px!important;
  }
}
@media(max-width:620px){
  .preferred-source-unit-v683{
    display:block!important;
    padding:15px 0 17px!important;
  }
  .preferred-source-copy-v683{gap:2px!important;margin-bottom:12px!important}
  .preferred-source-message-main-v683{
    font-size:15px!important;
    line-height:1.45!important;
    letter-spacing:-.025em!important;
  }
  .preferred-source-copy-v683 strong{font-size:10.5px!important;line-height:1.55!important}
  .preferred-source-unit-v683 .preferred-source-button-v680{
    min-height:47px!important;
    padding:10px 12px!important;
    font-size:11px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .preferred-source-unit-v683 .preferred-source-button-v680,
  .preferred-source-unit-v683 .preferred-source-button-v680::before{transition:none!important}
}


/* ======================================================================
   v6.84 — Preferred Sources CTA / social-card visual system alignment
   Goal: make the CTA feel like the same interface family as the SNS cards,
   reduce dead whitespace, and restore the stronger black hover requested.
   ====================================================================== */
.preferred-source-unit-v684{
  --ps-ink:#0b0d0f;
  --ps-muted:#69737a;
  --ps-line:#cfd7dc;
  width:100%!important;
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(230px,276px)!important;
  gap:24px!important;
  align-items:center!important;
  padding:18px 18px!important;
  border:1px solid var(--ps-line)!important;
  border-radius:10px!important;
  background:#fff!important;
  box-shadow:none!important;
}
.preferred-source-copy-v684{
  min-width:0!important;
  display:grid!important;
  gap:3px!important;
  align-content:center!important;
}
.preferred-source-message-main-v684{
  display:block!important;
  margin:0!important;
  color:var(--ps-ink)!important;
  font-size:15px!important;
  font-weight:900!important;
  line-height:1.45!important;
  letter-spacing:-.025em!important;
  text-wrap:balance!important;
}
.preferred-source-copy-v684 strong{
  display:block!important;
  margin:0!important;
  color:var(--ps-muted)!important;
  font-size:10.5px!important;
  font-weight:700!important;
  line-height:1.55!important;
  letter-spacing:.01em!important;
}
.preferred-source-unit-v684 .preferred-source-button-v680{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:50px!important;
  padding:11px 14px!important;
  border:1px solid var(--ps-ink)!important;
  border-radius:8px!important;
  background:#fff!important;
  color:var(--ps-ink)!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.45!important;
  letter-spacing:.005em!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.preferred-source-unit-v684 .preferred-source-button-v680::before,
.preferred-source-unit-v684 .preferred-source-button-v680::after{
  display:none!important;
  content:none!important;
}
@media(hover:hover) and (pointer:fine){
  .preferred-source-unit-v684 .preferred-source-button-v680:hover{
    background:var(--ps-ink)!important;
    color:#fff!important;
    border-color:var(--ps-ink)!important;
    transform:translateY(-1px)!important;
  }
}
.preferred-source-unit-v684 .preferred-source-button-v680:focus-visible{
  outline:3px solid rgba(11,13,15,.16)!important;
  outline-offset:3px!important;
}
/* Main CTA: keep a short rhythm after the SNS cards instead of a second section break. */
.answer-preferred-source-main-v680{
  margin-top:20px!important;
}
.article-preferred-source-row-v680{
  margin-top:28px!important;
}
/* Sidebar uses the exact same card language, only compressed to the narrow rail. */
.preferred-source-sidebar-v680{
  margin-top:20px!important;
  padding-top:0!important;
  border-top:0!important;
}
.preferred-source-sidebar-v680 .preferred-source-unit-v684{
  display:block!important;
  padding:14px!important;
  border-radius:9px!important;
}
.preferred-source-sidebar-v680 .preferred-source-copy-v684{
  gap:2px!important;
  margin-bottom:10px!important;
}
.preferred-source-sidebar-v680 .preferred-source-message-main-v684{
  font-size:12.5px!important;
  line-height:1.5!important;
}
.preferred-source-sidebar-v680 .preferred-source-copy-v684 strong{
  font-size:9.5px!important;
  line-height:1.5!important;
}
.preferred-source-sidebar-v680 .preferred-source-button-v680{
  min-height:44px!important;
  padding:9px 10px!important;
  border-radius:7px!important;
  font-size:10.25px!important;
}
.article-preferred-source-sidebar-v681,
.answer-preferred-source-sidebar-v680{margin-top:20px!important}
@media(max-width:900px){
  .preferred-source-sidebar-v680{display:none!important}
  .preferred-source-unit-v684{
    grid-template-columns:minmax(0,1fr) minmax(214px,260px)!important;
    gap:18px!important;
  }
}
@media(max-width:620px){
  .preferred-source-unit-v684{
    display:block!important;
    padding:16px!important;
    border-radius:9px!important;
  }
  .preferred-source-copy-v684{gap:2px!important;margin-bottom:12px!important}
  .preferred-source-message-main-v684{
    font-size:14px!important;
    line-height:1.45!important;
  }
  .preferred-source-copy-v684 strong{
    font-size:10px!important;
    line-height:1.55!important;
  }
  .preferred-source-unit-v684 .preferred-source-button-v680{
    min-height:48px!important;
    padding:10px 12px!important;
    font-size:10.75px!important;
  }
  .answer-preferred-source-main-v680{margin-top:16px!important}
  .article-preferred-source-row-v680{margin-top:22px!important}
}
@media(prefers-reduced-motion:reduce){
  .preferred-source-unit-v684 .preferred-source-button-v680{transition:none!important}
}


/* ======================================================================
   v6.85 — Article sidebar end guard + readability pass
   - Keep the Preferred Sources rail CTA from colliding with article-end content.
   - Increase TOC/CTA typography slightly without changing hierarchy.
   ====================================================================== */
@media(min-width:901px){
  .article-page-v627 .article-toc-v621 .article-toc-label b{
    font-size:14px!important;
  }
  .article-page-v627 .article-toc-v621 a{
    font-size:11.5px!important;
    line-height:1.58!important;
  }
  .article-page-v627 .article-toc-v621 a.toc-level-3{
    font-size:11px!important;
  }
  .preferred-source-sidebar-v680 .preferred-source-message-main-v684{
    font-size:14px!important;
    line-height:1.48!important;
  }
  .preferred-source-sidebar-v680 .preferred-source-copy-v684 strong{
    font-size:10.5px!important;
    line-height:1.55!important;
  }
  .preferred-source-sidebar-v680 .preferred-source-button-v680{
    min-height:46px!important;
    padding:10px 11px!important;
    font-size:11.25px!important;
    line-height:1.45!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .article-preferred-source-sidebar-v681{transition:none!important}
}
/* ======================================================================
   v6.86 — exact TOC/Preferred Sources fade sync + tighter article-end CTA
   ====================================================================== */
@media(min-width:901px){
  /* Article-end CTA: preserve the 780px reading-column width, but group the
     copy and action tightly instead of stretching them to opposite edges. */
  .article-preferred-source-main-v680 .preferred-source-unit-v684{
    grid-template-columns:minmax(220px,260px) minmax(250px,300px)!important;
    justify-content:center!important;
    gap:18px!important;
    padding:16px 18px!important;
  }
  .article-preferred-source-main-v680 .preferred-source-copy-v684{
    width:100%!important;
  }
  .article-preferred-source-main-v680 .preferred-source-button-v680{
    min-width:0!important;
    width:100%!important;
  }
}
@media(min-width:621px) and (max-width:900px){
  .article-preferred-source-main-v680 .preferred-source-unit-v684{
    grid-template-columns:minmax(0,250px) minmax(214px,260px)!important;
    justify-content:center!important;
    gap:16px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .article-page-v627 .article-toc-v621,
  .article-page-v627 .article-preferred-source-sidebar-v681{
    transition:none!important;
  }
}


/* ======================================================================
   v6.87 — Preferred Sources CTA: compact editorial connector
   - Reduce the visual void between copy and action.
   - Connect both sides with one restrained 12px chevron.
   - Keep the original black hover requested by the user.
   ====================================================================== */
.preferred-source-bridge-v687{
  display:block;
  width:12px;
  min-width:12px;
  color:#747d83;
  font-family:Arial,Helvetica,sans-serif;
  font-size:12px;
  font-weight:400;
  line-height:1;
  text-align:center;
  transform:translateY(-1px);
}

/* Main article / answer CTA: make copy, connector and action one compact unit. */
.article-preferred-source-main-v680 .preferred-source-unit-v684,
.answer-preferred-source-main-v680 .preferred-source-unit-v684{
  grid-template-columns:minmax(210px,240px) 12px minmax(244px,276px)!important;
  justify-content:center!important;
  align-items:center!important;
  column-gap:12px!important;
  row-gap:0!important;
  padding:14px 16px!important;
}
.article-preferred-source-main-v680 .preferred-source-copy-v684,
.answer-preferred-source-main-v680 .preferred-source-copy-v684{
  align-self:center!important;
  justify-self:stretch!important;
  gap:2px!important;
  margin:0!important;
}
.article-preferred-source-main-v680 .preferred-source-button-v680,
.answer-preferred-source-main-v680 .preferred-source-button-v680{
  width:100%!important;
  min-width:0!important;
  min-height:48px!important;
}

/* Narrow rail: a vertical card has no need for the horizontal connector. */
.preferred-source-sidebar-v680 .preferred-source-bridge-v687{display:none!important}

@media(min-width:621px) and (max-width:900px){
  .article-preferred-source-main-v680 .preferred-source-unit-v684,
  .answer-preferred-source-main-v680 .preferred-source-unit-v684{
    grid-template-columns:minmax(190px,230px) 12px minmax(220px,260px)!important;
    column-gap:10px!important;
  }
}
@media(max-width:620px){
  .article-preferred-source-main-v680 .preferred-source-unit-v684,
  .answer-preferred-source-main-v680 .preferred-source-unit-v684{
    display:block!important;
    padding:15px!important;
  }
  .article-preferred-source-main-v680 .preferred-source-bridge-v687,
  .answer-preferred-source-main-v680 .preferred-source-bridge-v687{display:none!important}
  .article-preferred-source-main-v680 .preferred-source-copy-v684,
  .answer-preferred-source-main-v680 .preferred-source-copy-v684{margin-bottom:11px!important}
}


/* ======================================================================
   v6.88 — Preferred Sources connector refinement
   - Replace the undersized text glyph with a crisp SVG chevron.
   - Increase visual presence without turning the connector into a CTA itself.
   - Tighten the copy → connector → button rhythm after real render review.
   ====================================================================== */
.preferred-source-bridge-v687{display:none!important}
.preferred-source-bridge-v688{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  min-width:24px!important;
  height:24px!important;
  color:#111!important;
  line-height:1!important;
  transform:none!important;
}
.preferred-source-bridge-v688 svg{
  display:block!important;
  width:24px!important;
  height:24px!important;
  overflow:visible!important;
}
.preferred-source-bridge-v688 path{
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  vector-effect:non-scaling-stroke!important;
}
.article-preferred-source-main-v680 .preferred-source-unit-v684,
.answer-preferred-source-main-v680 .preferred-source-unit-v684{
  grid-template-columns:minmax(210px,240px) 24px minmax(244px,276px)!important;
  column-gap:8px!important;
}
.preferred-source-sidebar-v680 .preferred-source-bridge-v688{display:none!important}
@media(min-width:621px) and (max-width:900px){
  .article-preferred-source-main-v680 .preferred-source-unit-v684,
  .answer-preferred-source-main-v680 .preferred-source-unit-v684{
    grid-template-columns:minmax(190px,230px) 24px minmax(220px,260px)!important;
    column-gap:8px!important;
  }
}
@media(max-width:620px){
  .article-preferred-source-main-v680 .preferred-source-bridge-v688,
  .answer-preferred-source-main-v680 .preferred-source-bridge-v688{display:none!important}
}

/* ===== v6.89: dedicated author profile / entity hub ===== */
.about-view-v689{background:#f4f6f8;color:#111}
.about-page-v689{max-width:1180px;margin:0 auto;padding:34px 34px 96px}
.about-breadcrumbs-v689{display:flex;align-items:center;gap:9px;margin:0 0 44px;color:#747c83;font-size:11px;font-weight:700}
.about-breadcrumbs-v689 a{transition:opacity .18s ease}@media (hover: hover) and (pointer: fine){.about-breadcrumbs-v689 a:hover{opacity:.55}}
.about-hero-v689{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:70px;align-items:end;padding:0 0 64px;border-bottom:1px solid #bcc5cb}
.about-hero-copy-v689{max-width:740px}.about-eyebrow-v689,.about-section-no-v689{margin:0 0 14px;font:900 10px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.18em;color:#69737b}
.about-hero-v689 h1{margin:0 0 28px;font-size:clamp(44px,5.2vw,72px);line-height:1.02;letter-spacing:-.065em;font-weight:950}.about-hero-v689 h1 span{display:block;margin-top:10px;font-size:.42em;line-height:1.2;letter-spacing:-.035em;font-weight:760;color:#4f5961}
.about-hero-copy-v689>p:not(.about-eyebrow-v689){margin:0 0 16px;font-size:15px;line-height:2;color:#434b51}.about-hero-copy-v689 .about-lead-v689{font-size:20px!important;line-height:1.7!important;font-weight:900;color:#111!important}
.about-identity-v689{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;border:1px solid #cbd3d9;background:#fff;border-radius:16px;position:relative;overflow:hidden}.about-identity-v689:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:linear-gradient(90deg,var(--cyan) 0 48%,var(--pink) 48% 72%,var(--lime) 72%)}
.about-identity-v689>img{width:94px;height:94px;border-radius:24px;object-fit:cover;margin-bottom:20px}.about-identity-v689>div{display:grid;gap:5px}.about-identity-v689>div b{font-size:22px;letter-spacing:-.04em}.about-identity-v689>div span{font-size:11px;line-height:1.65;color:#687078;font-weight:700}
.about-identity-v689 dl{display:grid;gap:0;margin:22px 0 0;border-top:1px solid #dce2e6}.about-identity-v689 dl>div{display:grid;grid-template-columns:72px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #e4e9ec}.about-identity-v689 dt{font-size:9px;font-weight:900;color:#7c858c;letter-spacing:.05em}.about-identity-v689 dd{margin:0;font-size:11px;line-height:1.55;font-weight:750}
.about-proof-grid-v689{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 0 94px;background:#111;color:#fff}.about-proof-grid-v689>div{min-height:122px;padding:23px 24px;display:flex;flex-direction:column;justify-content:flex-end;border-right:1px solid #3a3f42}.about-proof-grid-v689>div:last-child{border-right:0}.about-proof-grid-v689 strong{font-size:29px;line-height:1;letter-spacing:-.055em}.about-proof-grid-v689 span{margin-top:9px;font-size:10px;line-height:1.45;color:#c5cbcf;font-weight:700}
.about-section-v689{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);gap:72px;align-items:center;padding:82px 0;border-top:1px solid #c7cfd4}.about-section-v689:first-of-type{border-top:0}.about-section-copy-v689{max-width:670px}.about-section-copy-v689 h2,.about-editorial-policy-v689 h2,.about-latest-v689 h2{margin:0 0 25px;font-size:clamp(30px,3.2vw,43px);line-height:1.24;letter-spacing:-.055em}.about-section-copy-v689 p{font-size:14px;line-height:2.05;color:#444d53;margin:0 0 17px}.about-text-link-v689{display:inline-flex;align-items:center;margin-top:9px;padding-bottom:4px;border-bottom:1px solid #111;font-size:12px;font-weight:900;transition:opacity .18s ease}@media (hover: hover) and (pointer: fine){.about-text-link-v689:hover{opacity:.55}}
.about-media-v689{margin:0}.about-media-v689 img{display:block;width:100%;height:auto}.about-media-v689 figcaption{margin-top:9px;color:#7a838a;font-size:9px;line-height:1.5;font-weight:700}.about-media-service-v689{max-width:430px;justify-self:end}.about-media-service-v689 img{border:1px solid #c9d1d6;background:#fff}
.about-section-stacked-v689{grid-template-columns:minmax(0,.76fr) minmax(420px,1.24fr);align-items:start}.about-section-stacked-v689 .about-section-copy-v689{max-width:500px}.about-media-wide-v689{padding:10px;background:#111;border-radius:12px}.about-media-wide-v689 img{border-radius:6px}.about-media-wide-v689 figcaption{color:#aeb6bb;padding:0 3px 2px}
.about-community-v689{grid-template-columns:minmax(0,720px) 1fr}.about-community-v689:after{content:"LTX";justify-self:end;align-self:center;font:950 clamp(84px,12vw,160px)/.8 Arial Black,Arial,sans-serif;letter-spacing:-.1em;color:#dce2e6}
.about-editorial-policy-v689{display:grid;grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:74px;padding:82px 0;border-top:1px solid #c7cfd4}.about-editorial-policy-v689 h2{margin-bottom:0}.about-policy-list-v689{display:grid}.about-policy-list-v689>div{display:grid;grid-template-columns:190px 1fr;gap:26px;padding:22px 0;border-bottom:1px solid #d1d8dc}.about-policy-list-v689>div:first-child{padding-top:2px}.about-policy-list-v689 b{font-size:14px}.about-policy-list-v689 p{margin:0;color:#596168;font-size:12px;line-height:1.85}
.about-social-v689{padding:82px 0;border-top:1px solid #c7cfd4}.about-social-v689>.about-section-copy-v689{max-width:780px}.about-social-grid-v689{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:32px}.about-social-grid-v689>a{min-height:86px;display:flex;align-items:center;gap:15px;padding:18px 20px;border:1px solid #cbd3d9;background:#fff;border-radius:12px;transition:transform .18s ease,border-color .18s ease}@media (hover: hover) and (pointer: fine){.about-social-grid-v689>a:hover{transform:translateY(-2px);border-color:#111}}.about-social-grid-v689>a>span{width:48px;height:48px;border:1px solid #d7dee2;border-radius:10px;display:grid;place-items:center;background:#f8fafb}.about-social-grid-v689>a>span img{max-width:28px;max-height:28px}.about-social-grid-v689>a>div{display:grid;gap:4px}.about-social-grid-v689 b{font-size:15px}.about-social-grid-v689 small{font-size:9px;color:#798188;font-weight:700}
.about-latest-v689{padding:82px 0 0;border-top:1px solid #c7cfd4}.about-latest-head-v689{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:18px}.about-latest-head-v689 h2{margin-bottom:0}.about-latest-head-v689>a{font-size:11px;font-weight:900;padding-bottom:4px;border-bottom:1px solid #111}.about-latest-list-v689{border-top:2px solid #111}.about-latest-list-v689>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:25px 0;border-bottom:1px solid #cbd3d9;transition:padding .18s ease,background .18s ease}@media (hover: hover) and (pointer: fine){.about-latest-list-v689>a:hover{padding-left:12px;padding-right:12px;background:#fff}}.about-latest-list-v689>a>div{min-width:0}.about-latest-list-v689 span{font-size:9px;font-weight:900;color:#6f7880}.about-latest-list-v689 h3{margin:6px 0 0;font-size:20px;line-height:1.45;letter-spacing:-.035em}.about-latest-list-v689 time{font-size:10px;color:#7a838a;font-weight:700;white-space:nowrap}
@media(max-width:900px){.about-page-v689{padding:28px 22px 76px}.about-breadcrumbs-v689{margin-bottom:34px}.about-hero-v689{grid-template-columns:1fr;gap:34px;padding-bottom:48px}.about-hero-v689 h1{font-size:clamp(44px,9.5vw,66px)}.about-identity-v689{max-width:650px}.about-proof-grid-v689{grid-template-columns:1fr 1fr;margin-bottom:64px}.about-proof-grid-v689>div:nth-child(2){border-right:0}.about-proof-grid-v689>div:nth-child(-n/**/+2){border-bottom:1px solid #3a3f42}.about-section-v689,.about-section-stacked-v689{grid-template-columns:1fr;gap:34px;padding:62px 0}.about-media-service-v689{justify-self:start;max-width:460px}.about-section-stacked-v689 .about-section-copy-v689{max-width:670px}.about-community-v689{grid-template-columns:1fr}.about-community-v689:after{display:none}.about-editorial-policy-v689{grid-template-columns:1fr;gap:34px;padding:62px 0}.about-social-v689,.about-latest-v689{padding-top:62px}.about-social-grid-v689{grid-template-columns:1fr 1fr}.about-social-grid-v689>a:last-child{grid-column:1/-1}.about-latest-list-v689 h3{font-size:18px}}
@media(max-width:620px){.about-page-v689{padding:22px 17px 62px}.about-breadcrumbs-v689{font-size:10px;margin-bottom:29px}.about-hero-v689{gap:28px;padding-bottom:40px}.about-hero-v689 h1{font-size:42px;line-height:1.04}.about-hero-v689 h1 span{font-size:.44em;margin-top:9px}.about-hero-copy-v689 .about-lead-v689{font-size:17px!important}.about-hero-copy-v689>p:not(.about-eyebrow-v689){font-size:13px;line-height:1.95}.about-identity-v689{padding:22px;border-radius:13px}.about-identity-v689>img{width:76px;height:76px;border-radius:20px}.about-identity-v689>div b{font-size:19px}.about-proof-grid-v689{margin-left:-17px;margin-right:-17px}.about-proof-grid-v689>div{min-height:102px;padding:18px 17px}.about-proof-grid-v689 strong{font-size:25px}.about-proof-grid-v689 span{font-size:9px}.about-section-v689,.about-section-stacked-v689{padding:52px 0;gap:27px}.about-section-copy-v689 h2,.about-editorial-policy-v689 h2,.about-latest-v689 h2{font-size:29px;margin-bottom:20px}.about-section-copy-v689 p{font-size:13px;line-height:1.95}.about-media-service-v689{max-width:100%}.about-media-wide-v689{padding:7px;border-radius:9px}.about-policy-list-v689>div{grid-template-columns:1fr;gap:7px;padding:17px 0}.about-policy-list-v689 p{font-size:11px}.about-social-grid-v689{grid-template-columns:1fr;gap:10px;margin-top:25px}.about-social-grid-v689>a:last-child{grid-column:auto}.about-latest-head-v689{align-items:start;flex-direction:column}.about-latest-list-v689>a{grid-template-columns:1fr;gap:9px;padding:20px 0}.about-latest-list-v689 h3{font-size:16px}.about-latest-list-v689 time{font-size:9px}}
@media(prefers-reduced-motion:reduce){.about-social-grid-v689>a,.about-latest-list-v689>a,.about-breadcrumbs-v689 a,.about-text-link-v689{transition:none!important}}
/* ===== v6.92: article editor paragraph rhythm = published article ===== */
/*
 * A single Enter is a new paragraph. The editor mirrors the public article's
 * paragraph spacing so writers no longer need to add a blank line manually.
 * Classless top-level DIVs are covered for legacy/native-paste content until
 * they are normalized to <p> on final save.
 */
.rich-editor.article-body>p,
.rich-editor.article-body>div:not([class]){
  margin:1.38em 0!important;
}
@media(max-width:620px){
  .rich-editor.article-body>p,
  .rich-editor.article-body>div:not([class]){margin:1.3em 0!important}
}

/* ======================================================================
   v6.93 — long-title safety + adaptive desktop TOC density
   - Long article titles keep the intended editorial two-line rhythm but can
     never overflow the header width.
   - With 5+ TOC entries, desktop sticky TOC shows H2 only.
   - With 20+ H2 entries, desktop sticky TOC switches to a compact text-only
     index and becomes internally scrollable only when the viewport is too
     short. Mobile TOC keeps the full H2/H3 hierarchy when enabled.
   ====================================================================== */
.article-page-v627 .article-title-stage-v621 h1{
  width:100%!important;
  max-width:1060px!important;
  min-width:0!important;
}
.article-page-v627 .article-title-stage-v621 h1>span{
  max-width:100%!important;
  min-width:0!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
@media(min-width:901px){
  .article-page-v627 .article-title-stage-v621 h1.article-title-medium-v693{
    font-size:clamp(42px,3.8vw,54px)!important;
  }
  .article-page-v627 .article-title-stage-v621 h1.article-title-long-v693{
    font-size:clamp(39px,3.45vw,49px)!important;
  }
  .article-page-v627 .article-title-stage-v621 h1.article-title-xlong-v693{
    font-size:clamp(36px,3.1vw,44px)!important;
    line-height:1.12!important;
    letter-spacing:-.045em!important;
  }
  /* Safety valve: balanced two-line titles normally remain one line per span,
     but exceptionally long tokens are allowed to wrap rather than overflow. */
  .article-page-v627 .article-title-stage-v621 h1>span{
    white-space:normal!important;
    text-wrap:balance!important;
  }

  /* Once a TOC becomes substantial, remove H3 noise from the sticky rail.
     This only affects desktop; the optional mobile TOC retains the full tree. */
  .article-page-v627 .article-toc-v621.toc-hide-h3-v693 .toc-level-3{
    display:none!important;
  }

  /* 20+ H2 sections: switch from cards to a compact, typographic index. */
  .article-page-v627 .article-toc-v621.toc-text-only-v693{
    padding:13px 12px 12px!important;
    border-radius:14px!important;
    max-height:calc(100vh - 118px)!important;
    overflow:hidden!important;
    box-shadow:0 8px 22px rgba(18,31,40,.035)!important;
  }
  .article-page-v627 .article-toc-v621.toc-text-only-v693 .article-toc-label{
    padding:0 1px 9px!important;
    gap:8px!important;
  }
  .article-page-v627 .article-toc-v621.toc-text-only-v693 .article-toc-label::before{
    width:22px!important;
    height:3px!important;
  }
  .article-page-v627 .article-toc-v621.toc-text-only-v693 .article-toc-label b{
    font-size:13px!important;
  }
  .article-page-v627 .article-toc-v621.toc-text-only-v693 nav{
    display:block!important;
    max-height:calc(100vh - 166px)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    padding-right:4px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#c7cfd4 transparent!important;
  }
  .article-page-v627 .article-toc-v621.toc-text-only-v693 nav::-webkit-scrollbar{width:5px!important}
  .article-page-v627 .article-toc-v621.toc-text-only-v693 nav::-webkit-scrollbar-track{background:transparent!important}
  .article-page-v627 .article-toc-v621.toc-text-only-v693 nav::-webkit-scrollbar-thumb{background:#c7cfd4!important;border-radius:999px!important}
  .article-page-v627 .article-toc-v621.toc-text-only-v693 a{
    display:block!important;
    margin:0!important;
    padding:4px 2px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#667078!important;
    font-size:10.5px!important;
    line-height:1.42!important;
    letter-spacing:0!important;
  }
  .article-page-v627 .article-toc-v621.toc-text-only-v693 a::before{
    display:none!important;
    content:none!important;
  }
  .article-page-v627 .article-toc-v621.toc-text-only-v693 a.is-active{
    transform:none!important;
    color:#111!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:underline!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:3px!important;
  }@media (hover: hover) and (pointer: fine){.article-page-v627 .article-toc-v621.toc-text-only-v693 a:hover{
    transform:none!important;
    color:#111!important;
    background:transparent!important;
    box-shadow:none!important;
    text-decoration:underline!important;
    text-decoration-thickness:1px!important;
    text-underline-offset:3px!important;
  }}
}
@media(max-width:900px){
  /* Mobile behavior stays unchanged: show the full hierarchy when enabled. */
  .article-page-v627 .article-toc-v621.toc-hide-h3-v693 .toc-level-3{
    display:block!important;
  }
  .article-page-v627 .article-toc-v621.toc-text-only-v693{
    max-height:none!important;
    overflow:visible!important;
  }
  .article-page-v627 .article-toc-v621.toc-text-only-v693 nav{
    max-height:none!important;
    overflow:visible!important;
  }
}

/* v6.93.1 — let the browser balance the complete H1 instead of forcing a
   punctuation split. This prevents a semantically short first line plus an
   excessively long second line while preserving the title text exactly. */
.article-page-v627 .article-title-stage-v621 h1{
  display:block!important;
  text-wrap:balance!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}


/* ======================================================================
   v6.94 — award-quality optional mobile TOC disclosure
   - One semantic TOC tree is shared across desktop/mobile.
   - Mobile uses a large, accessible disclosure header (whole row is a target).
   - H2 entries use a clean editorial hierarchy without chapter numbering; H3 remains subordinate.
   - Long lists scroll inside the TOC instead of swallowing the article.
   ====================================================================== */
.article-toc-mobile-toggle-v694{display:none!important}
.article-toc-body-v694{display:block!important}

/* Editor: explicit default-state choice, designed as a compact segmented control. */
.mobile-toc-default-setting-v694{margin:10px 0 2px;padding:12px;border:1px solid #d7dde1;border-radius:12px;background:#f8fafb}
.mobile-toc-default-setting-v694[hidden]{display:none!important}
.mobile-toc-setting-label-v694{display:block;margin:0 0 8px;font-size:11px;font-weight:850;letter-spacing:.01em;color:#31373c}
.mobile-toc-choice-v694{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:3px;border:1px solid #d6dce0;border-radius:10px;background:#fff}
.mobile-toc-choice-v694 label{display:block!important;margin:0!important;cursor:pointer}
.mobile-toc-choice-v694 input{position:absolute!important;opacity:0!important;pointer-events:none!important}
.mobile-toc-choice-v694 span{display:flex;align-items:center;justify-content:center;min-height:36px;padding:6px 8px;border-radius:7px;font-size:11px;font-weight:800;color:#6a737a;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}
.mobile-toc-choice-v694 input:checked+span{background:#111;color:#fff;box-shadow:0 1px 0 rgba(0,0,0,.05)}
.mobile-toc-choice-v694 input:focus-visible+span{outline:2px solid #111;outline-offset:2px}
.mobile-toc-default-setting-v694 small{display:block;margin-top:8px;font-size:9.5px;line-height:1.6;color:#737c83}

@media(max-width:900px){
  .article-page-v627 .article-toc-v621.show-mobile-toc{
    margin:0 0 32px!important;
    padding:0!important;
    border:1px solid #d4dde2!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 12px 32px rgba(17,30,39,.055)!important;
    overflow:hidden!important;
    backdrop-filter:none!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-desktop-label-v694{display:none!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-mobile-toggle-v694{
    appearance:none!important;
    width:100%!important;
    min-height:68px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:14px!important;
    align-items:center!important;
    padding:13px 14px 13px 18px!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    color:#111!important;
    text-align:left!important;
    cursor:pointer!important;
    position:relative!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-mobile-toggle-v694::before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    top:0!important;
    width:34px!important;
    height:4px!important;
    background:linear-gradient(90deg,var(--cyan) 0 30%,transparent 30% 36%,var(--pink) 36% 66%,transparent 66% 72%,var(--lime) 72% 100%)!important;
    transform:skewX(-18deg)!important;
  }
  .article-toc-mobile-copy-v694{display:flex!important;align-items:baseline!important;gap:10px!important;min-width:0!important}
  .article-toc-mobile-copy-v694 b{font-size:17px!important;line-height:1.25!important;font-weight:950!important;letter-spacing:-.035em!important;color:#111!important}
  .article-toc-mobile-copy-v694 small{font-size:10px!important;line-height:1!important;font-weight:700!important;font-variant-numeric:tabular-nums!important;color:#7a848b!important}
  .article-toc-mobile-toggle-icon-v694{
    width:38px!important;
    height:38px!important;
    border:1px solid #cfd8de!important;
    border-radius:50%!important;
    display:block!important;
    position:relative!important;
    background:#fff!important;
    transition:background-color .18s ease,border-color .18s ease,transform .28s cubic-bezier(.16,1,.3,1)!important;
  }
  .article-toc-mobile-toggle-icon-v694::before,.article-toc-mobile-toggle-icon-v694::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:13px!important;
    height:1.5px!important;
    border-radius:999px!important;
    background:#111!important;
    transform:translate(-50%,-50%)!important;
    transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .18s ease!important;
  }
  .article-toc-mobile-toggle-icon-v694::after{transform:translate(-50%,-50%) rotate(90deg)!important}
  .article-toc-mobile-toggle-v694[aria-expanded="true"] .article-toc-mobile-toggle-icon-v694{background:#111!important;border-color:#111!important}
  .article-toc-mobile-toggle-v694[aria-expanded="true"] .article-toc-mobile-toggle-icon-v694::before{background:#fff!important}
  .article-toc-mobile-toggle-v694[aria-expanded="true"] .article-toc-mobile-toggle-icon-v694::after{opacity:0!important;transform:translate(-50%,-50%) rotate(0deg)!important;background:#fff!important}
  .article-toc-mobile-toggle-v694:focus-visible{outline:2px solid #111!important;outline-offset:-4px!important}

  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-body-v694{
    display:grid!important;
    grid-template-rows:1fr!important;
    opacity:1!important;
    border-top:1px solid #e4e9ec!important;
    transition:grid-template-rows .34s cubic-bezier(.16,1,.3,1),opacity .2s ease,border-color .2s ease!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc.mobile-toc-collapsed-v694 .article-toc-body-v694{
    grid-template-rows:0fr!important;
    opacity:0!important;
    border-top-color:transparent!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-body-v694>nav{
    min-height:0!important;
    max-height:min(58vh,520px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    display:block!important;
    padding:6px 14px 10px!important;
    scrollbar-width:thin!important;
    scrollbar-color:#c8d1d7 transparent!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc.mobile-toc-collapsed-v694 .article-toc-body-v694>nav{overflow:hidden!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-body-v694>nav::-webkit-scrollbar{width:4px!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-body-v694>nav::-webkit-scrollbar-thumb{background:#c8d1d7!important;border-radius:999px!important}

  .article-page-v627 .article-toc-v621.show-mobile-toc a,
  .article-page-v627 .article-toc-v621.show-mobile-toc a.toc-level-3{
    transform:none!important;
    box-shadow:none!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    text-align:left!important;
    color:#20252a!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc a::before{display:block!important;position:static!important;height:auto!important;width:auto!important;border-radius:0!important;background:none!important;opacity:1!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc a.toc-level-2{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:0!important;
    align-items:start!important;
    min-height:52px!important;
    padding:13px 4px!important;
    border-bottom:1px solid #edf0f2!important;
    font-size:14px!important;
    line-height:1.55!important;
    font-weight:820!important;
    letter-spacing:-.015em!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc a.toc-level-2::before{
    display:none!important;
    content:none!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc a.toc-level-3{
    position:relative!important;
    display:block!important;
    min-height:48px!important;
    margin:0!important;
    padding:12px 6px 12px 38px!important;
    border-bottom:1px solid #f1f3f4!important;
    font-size:12.5px!important;
    line-height:1.65!important;
    font-weight:650!important;
    color:#69737a!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc a.toc-level-3::before{
    content:""!important;
    position:absolute!important;
    left:16px!important;
    top:17px!important;
    width:8px!important;
    height:1px!important;
    background:#c9d0d5!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc a.is-active{color:#000!important}
}

@media(max-width:420px){
  .article-page-v627 .article-toc-v621.show-mobile-toc{border-radius:16px!important;margin-bottom:28px!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-mobile-toggle-v694{min-height:64px!important;padding-left:16px!important;padding-right:12px!important;grid-template-columns:minmax(0,1fr) 40px!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-mobile-toggle-v694::before{left:16px!important;width:30px!important}
  .article-toc-mobile-copy-v694 b{font-size:16px!important}
  .article-toc-mobile-toggle-icon-v694{width:36px!important;height:36px!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-body-v694>nav{padding-left:12px!important;padding-right:12px!important}
}

@media(any-pointer:coarse){
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-mobile-toggle-v694{min-height:68px!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc a.toc-level-2,
  .article-page-v627 .article-toc-v621.show-mobile-toc a.toc-level-3{min-height:48px!important}
}
@media(prefers-reduced-motion:reduce){
  .article-toc-mobile-toggle-icon-v694,
  .article-toc-mobile-toggle-icon-v694::before,
  .article-toc-mobile-toggle-icon-v694::after,
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-body-v694{transition:none!important}
}

/* v6.94.1 visual polish after rendered review: collapsed state must be a
   genuinely compact header (no residual nav padding), and the closed control
   explicitly returns to the white/plus state regardless of legacy span rules. */
@media(max-width:900px){
  .article-page-v627 .article-toc-v621.show-mobile-toc.mobile-toc-collapsed-v694 .article-toc-mobile-toggle-icon-v694{
    background:#fff!important;
    border-color:#cfd8de!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc.mobile-toc-collapsed-v694 .article-toc-mobile-toggle-icon-v694::before,
  .article-page-v627 .article-toc-v621.show-mobile-toc.mobile-toc-collapsed-v694 .article-toc-mobile-toggle-icon-v694::after{
    background:#111!important;
    opacity:1!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc.mobile-toc-collapsed-v694 .article-toc-mobile-toggle-icon-v694::before{
    transform:translate(-50%,-50%)!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc.mobile-toc-collapsed-v694 .article-toc-mobile-toggle-icon-v694::after{
    transform:translate(-50%,-50%) rotate(90deg)!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc.mobile-toc-collapsed-v694 .article-toc-body-v694>nav{
    padding-top:0!important;
    padding-bottom:0!important;
  }
}

/* ======================================================================
   v6.96 — author-positioned mobile TOC block
   The author inserts this block at the exact article position from the CMS.
   Desktop keeps the sticky TOC rail; this component is mobile-only.
   ====================================================================== */
.article-inline-toc-v696{display:none}

/* Editor placeholder: looks like a real content block, not a raw token. */
.rich-editor .article-inline-toc-placeholder-v696{
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;
  min-height:72px!important;margin:22px 0!important;padding:14px 16px 14px 18px!important;
  border:1px solid #cfd8de!important;border-radius:14px!important;background:#f8fafb!important;color:#111!important;
  cursor:pointer!important;user-select:none!important;box-sizing:border-box!important;position:relative!important;
}
.rich-editor .article-inline-toc-placeholder-v696::before{
  content:""!important;position:absolute!important;left:18px!important;top:0!important;width:32px!important;height:4px!important;
  background:linear-gradient(90deg,var(--cyan) 0 30%,transparent 30% 36%,var(--pink) 36% 66%,transparent 66% 72%,var(--lime) 72% 100%)!important;
  transform:skewX(-18deg)!important;
}
.inline-toc-editor-copy-v696{display:grid!important;gap:3px!important;min-width:0!important}
.inline-toc-editor-copy-v696 b{font-size:15px!important;line-height:1.25!important;font-weight:900!important;letter-spacing:-.025em!important}
.inline-toc-editor-copy-v696 small{font-size:10px!important;line-height:1.45!important;color:#727c83!important;font-weight:650!important}
.inline-toc-editor-action-v696{flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 12px!important;border:1px solid #cfd8de!important;border-radius:999px!important;background:#fff!important;font-size:10px!important;font-weight:800!important;color:#31383d!important}
.rich-editor .article-inline-toc-placeholder-v696.editor-block-selected{outline:2px solid #111!important;outline-offset:3px!important}

.toc-insert-panel-v696{max-width:560px!important}
.toc-insert-lead-v696{margin-bottom:18px!important}
.toc-default-fieldset-v696{margin:0!important;padding:0!important;border:0!important}
.toc-default-fieldset-v696 legend{margin:0 0 9px!important;padding:0!important;font-size:12px!important;font-weight:850!important;color:#222!important}
.toc-modal-choice-v696{max-width:360px!important}
.toc-modal-preview-v696{margin:18px 0 4px!important;padding:14px 15px!important;border:1px solid #d7dde1!important;border-radius:14px!important;background:#fff!important;box-shadow:0 8px 24px rgba(17,30,39,.04)!important}
.toc-modal-preview-v696>div{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important}
.toc-modal-preview-v696 b{font-size:15px!important}
.toc-modal-preview-v696>div span{width:34px!important;height:34px!important;border:1px solid #d1d9de!important;border-radius:50%!important;position:relative!important}
.toc-modal-preview-v696>div span::before,.toc-modal-preview-v696>div span::after{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:11px!important;height:1.5px!important;background:#111!important;transform:translate(-50%,-50%)!important}
.toc-modal-preview-v696>div span::after{transform:translate(-50%,-50%) rotate(90deg)!important}
.toc-modal-preview-v696 i{display:block!important;height:8px!important;margin-top:8px!important;border-radius:999px!important;background:#edf1f3!important}
.toc-modal-preview-v696 i:nth-of-type(1){width:82%!important}.toc-modal-preview-v696 i:nth-of-type(2){width:65%!important}.toc-modal-preview-v696 i:nth-of-type(3){width:74%!important}

@media(max-width:900px){
  /* When the article contains an explicitly positioned TOC, suppress the old
     auto-positioned mobile sidebar TOC to avoid duplicate navigation. */
  .article-reading-grid-v621.has-inline-toc-v696 .article-toc-v621.show-mobile-toc{display:none!important}

  .article-page-v627 .article-inline-toc-v696{
    display:block!important;margin:28px 0 32px!important;padding:0!important;
    border:1px solid #d4dde2!important;border-radius:18px!important;background:#fff!important;
    box-shadow:0 12px 32px rgba(17,30,39,.055)!important;overflow:hidden!important;
  }
  .article-inline-toc-toggle-v696{
    appearance:none!important;width:100%!important;min-height:68px!important;display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;gap:14px!important;align-items:center!important;
    padding:13px 14px 13px 18px!important;border:0!important;background:#fff!important;color:#111!important;
    text-align:left!important;cursor:pointer!important;position:relative!important;
  }
  .article-inline-toc-toggle-v696::before{
    content:""!important;position:absolute!important;left:18px!important;top:0!important;width:34px!important;height:4px!important;
    background:linear-gradient(90deg,var(--cyan) 0 30%,transparent 30% 36%,var(--pink) 36% 66%,transparent 66% 72%,var(--lime) 72% 100%)!important;
    transform:skewX(-18deg)!important;
  }
  .article-inline-toc-copy-v696{display:flex!important;align-items:baseline!important;gap:10px!important;min-width:0!important}
  .article-inline-toc-copy-v696 b{font-size:17px!important;line-height:1.25!important;font-weight:950!important;letter-spacing:-.035em!important;color:#111!important}
  .article-inline-toc-copy-v696 small{font-size:10px!important;line-height:1!important;font-weight:700!important;color:#7a848b!important}
  .article-inline-toc-toggle-icon-v696{
    width:38px!important;height:38px!important;border:1px solid #cfd8de!important;border-radius:50%!important;
    display:block!important;position:relative!important;background:#fff!important;
    transition:background-color .18s ease,border-color .18s ease,transform .28s cubic-bezier(.16,1,.3,1)!important;
  }
  .article-inline-toc-toggle-icon-v696::before,.article-inline-toc-toggle-icon-v696::after{
    content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:13px!important;height:1.5px!important;
    border-radius:999px!important;background:#111!important;transform:translate(-50%,-50%)!important;
    transition:transform .28s cubic-bezier(.16,1,.3,1),opacity .18s ease!important;
  }
  .article-inline-toc-toggle-icon-v696::after{transform:translate(-50%,-50%) rotate(90deg)!important}
  .article-inline-toc-toggle-v696[aria-expanded="true"] .article-inline-toc-toggle-icon-v696{background:#111!important;border-color:#111!important}
  .article-inline-toc-toggle-v696[aria-expanded="true"] .article-inline-toc-toggle-icon-v696::before{background:#fff!important}
  .article-inline-toc-toggle-v696[aria-expanded="true"] .article-inline-toc-toggle-icon-v696::after{opacity:0!important;background:#fff!important;transform:translate(-50%,-50%)!important}
  .article-inline-toc-toggle-v696:focus-visible{outline:2px solid #111!important;outline-offset:-4px!important}

  .article-inline-toc-body-v696{display:grid!important;grid-template-rows:1fr!important;opacity:1!important;border-top:1px solid #e4e9ec!important;transition:grid-template-rows .34s cubic-bezier(.16,1,.3,1),opacity .2s ease,border-color .2s ease!important}
  .article-inline-toc-v696.inline-toc-collapsed-v696 .article-inline-toc-body-v696{grid-template-rows:0fr!important;opacity:0!important;border-top-color:transparent!important}
  .article-inline-toc-body-v696>nav{min-height:0!important;max-height:min(58vh,520px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;display:block!important;padding:6px 14px 10px!important;scrollbar-width:thin!important;scrollbar-color:#c8d1d7 transparent!important}
  .article-inline-toc-v696.inline-toc-collapsed-v696 .article-inline-toc-body-v696>nav{overflow:hidden!important;padding-top:0!important;padding-bottom:0!important}
  .article-inline-toc-body-v696>nav::-webkit-scrollbar{width:4px!important}.article-inline-toc-body-v696>nav::-webkit-scrollbar-thumb{background:#c8d1d7!important;border-radius:999px!important}
  .article-inline-toc-v696 a{transform:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:left!important;color:#20252a!important;text-decoration:none!important}
  .article-inline-toc-v696 a.toc-level-2{display:block!important;min-height:52px!important;padding:13px 4px!important;border-bottom:1px solid #edf0f2!important;font-size:14px!important;line-height:1.55!important;font-weight:820!important;letter-spacing:-.015em!important}
  .article-inline-toc-v696 a.toc-level-3{position:relative!important;display:block!important;min-height:48px!important;padding:12px 6px 12px 38px!important;border-bottom:1px solid #f1f3f4!important;font-size:12.5px!important;line-height:1.65!important;font-weight:650!important;color:#69737a!important}
  .article-inline-toc-v696 a.toc-level-3::before{content:""!important;position:absolute!important;left:16px!important;top:20px!important;width:8px!important;height:1px!important;background:#c9d0d5!important}
}
@media(max-width:420px){
  .article-page-v627 .article-inline-toc-v696{border-radius:16px!important;margin:24px 0 28px!important}
  .article-inline-toc-toggle-v696{min-height:64px!important;padding-left:16px!important;padding-right:12px!important;grid-template-columns:minmax(0,1fr) 40px!important}
  .article-inline-toc-toggle-v696::before{left:16px!important;width:30px!important}.article-inline-toc-copy-v696 b{font-size:16px!important}.article-inline-toc-toggle-icon-v696{width:36px!important;height:36px!important}.article-inline-toc-body-v696>nav{padding-left:12px!important;padding-right:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .article-inline-toc-toggle-icon-v696,.article-inline-toc-toggle-icon-v696::before,.article-inline-toc-toggle-icon-v696::after,.article-inline-toc-body-v696{transition:none!important}
}
/* ======================================================================
   v6.99 — one-tap mobile press feedback
   Touch feedback is driven by .is-touch-press-v699 from touch-links.js.
   It starts on touchstart, never delays navigation, and never relies on
   sticky :hover. Motion is transform/opacity only and reduced-motion safe.
   ====================================================================== */
.touch-feedback-v699 a[href],
.touch-feedback-v699 button,
.touch-feedback-v699 [role="button"]{-webkit-tap-highlight-color:transparent}
.touch-feedback-v699 a[href]{touch-action:manipulation}

@media(any-pointer:coarse), (hover:none){
  /* Global press fallback: restrained enough for text links and controls. */
  .touch-feedback-v699 a[href].is-touch-press-v699,
  .touch-feedback-v699 button.is-touch-press-v699,
  .touch-feedback-v699 [role="button"].is-touch-press-v699{
    transition-duration:.08s!important;
  }
  /* Every tappable link gets a visible fallback, including breadcrumbs and
     one-off text links that do not have a bespoke component animation. */
  .touch-feedback-v699 a[href].is-touch-press-v699{opacity:.68!important}
  .touch-feedback-v699 button.is-touch-press-v699,
  .touch-feedback-v699 [role="button"].is-touch-press-v699{transform:scale(.975)!important}

  /* Header / primary controls: a physical push, not a hover emulation. */
  .touch-feedback-v699 .brand.is-touch-press-v699{opacity:1!important;transform:scale(.975)!important}
  .touch-feedback-v699 .topnav a.is-touch-press-v699{opacity:1!important;background:rgba(66,215,255,.12)!important}
  .touch-feedback-v699 .topnav .nav-contact.is-touch-press-v699,
  .touch-feedback-v699 .btn.is-touch-press-v699,
  .touch-feedback-v699 .answers-ask-cta>a.is-touch-press-v699,
  .touch-feedback-v699 .answer-ask-cta>a.is-touch-press-v699{
    transform:translate(1px,1px) scale(.985)!important;
  }
  .touch-feedback-v699 .hero-editorial .hero-actions .btn.is-touch-press-v699{
    opacity:1!important;
    transform:translate(2px,2px) scale(.985)!important;
    box-shadow:2px 2px 0 #dbe3e8!important;
  }
  .touch-feedback-v699 .hero-editorial .hero-actions .btn-primary.is-touch-press-v699{box-shadow:2px 2px 0 var(--cyan)!important}
  .touch-feedback-v699 .hero-editorial .hero-actions .btn-ghost.is-touch-press-v699{box-shadow:2px 2px 0 #d8dee3!important}
  .touch-feedback-v699 .mobile-menu-toggle.is-touch-press-v699,
  .touch-feedback-v699 .back-to-top.is-touch-press-v699{transform:scale(.92)!important}

  /* Content cards: compact press + image zoom gives a clear tap response. */
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699,
  .touch-feedback-v699 .answer-list-card.is-touch-press-v699{
    opacity:1!important;
    transform:scale(.986)!important;
    border-color:#9eabb3!important;
    box-shadow:0 8px 18px rgba(18,31,40,.08)!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699 .archive-card-media-v651 img{transform:scale(1.025)!important;transition-duration:.12s!important}
  .touch-feedback-v699 .answer-list-card.is-touch-press-v699 .answer-list-read::after{width:50px!important}
  .touch-feedback-v699 .editorial-article-row.is-touch-press-v699 .article-row-thumb img{transform:scale(1.035)!important;transition-duration:.12s!important}
  .touch-feedback-v699 .editorial-article-row.is-touch-press-v699 .article-row-arrow{transform:translate(2px,-2px)!important;color:var(--pink)!important}
  .touch-feedback-v699 .article-body .article-internal-card.is-touch-press-v699,
  .touch-feedback-v699 .article-page-v627 .article-internal-card.is-touch-press-v699{
    opacity:1!important;
  }
  .touch-feedback-v699 .article-body .article-internal-card.is-touch-press-v699>img,
  .touch-feedback-v699 .article-page-v627 .article-internal-card.is-touch-press-v699>img{transform:scale(1.018)!important;border-color:#8d989f!important}

  /* Social / share links: short compression and accent border. */
  .touch-feedback-v699 .editorial-social-row.is-touch-press-v699,
  .touch-feedback-v699 .answer-sns-grid>a.is-touch-press-v699,
  .touch-feedback-v699 .about-social-grid-v689>a.is-touch-press-v699,
  .touch-feedback-v699 .author-socials-v622 a.is-touch-press-v699,
  .touch-feedback-v699 .article-sharebar-v622 .share-btn.is-touch-press-v699,
  .touch-feedback-v699 .article-title-share-btn.is-touch-press-v699{
    opacity:1!important;
    transform:scale(.97)!important;
    border-color:#111!important;
  }
  .touch-feedback-v699 .editorial-social-row.is-touch-press-v699 .social-brand-mark{transform:scale(1.07)!important}

  /* Reading/navigation links: color/line feedback without layout movement. */
  .touch-feedback-v699 .related-answer-list>a.is-touch-press-v699,
  .touch-feedback-v699 .about-latest-list-v689>a.is-touch-press-v699,
  .touch-feedback-v699 .article-page-v627 .article-toc-v621 a.is-touch-press-v699,
  .touch-feedback-v699 .article-inline-toc-v696 a.is-touch-press-v699{
    background:rgba(66,215,255,.08)!important;
  }
  .touch-feedback-v699 .related-answer-list>a.is-touch-press-v699>span{width:48px!important}
  .touch-feedback-v699 .article-back-link-v630.is-touch-press-v699,
  .touch-feedback-v699 .author-profile-link.is-touch-press-v699,
  .touch-feedback-v699 .about-text-link-v689.is-touch-press-v699{opacity:.62!important}
  .touch-feedback-v699 .preferred-source-button-v680.is-touch-press-v699{
    opacity:1!important;background:#111!important;color:#fff!important;border-color:#111!important;transform:scale(.985)!important;
  }

  /* Footer: restore the cyan line for touch as a press state, not :hover. */
  .touch-feedback-v699 .editorial-footer .footer-links a::after{
    content:""!important;display:block!important;pointer-events:none!important;right:100%!important;
  }
  .touch-feedback-v699 .editorial-footer .footer-links a.is-touch-press-v699::after{right:0!important;transition-duration:.12s!important}
  .touch-feedback-v699 .editorial-footer .footer-links a.is-touch-press-v699{opacity:1!important;color:#fff!important}
  .touch-feedback-v699 .editorial-footer .footer-social a.is-touch-press-v699{
    opacity:1!important;transform:translate(1px,1px) scale(.94)!important;border-color:#42d7ff!important;
  }
  .touch-feedback-v699 .editorial-footer .footer-brand-link-v626.is-touch-press-v699{opacity:1!important}
  .touch-feedback-v699 .editorial-footer .footer-brand-link-v626.is-touch-press-v699 img{transform:scale(.93) rotate(-4deg)!important}
  .touch-feedback-v699 .editorial-footer .footer-brand-link-v626.is-touch-press-v699 b{color:#42d7ff!important}
}

@media(prefers-reduced-motion:reduce){
  .touch-feedback-v699 a[href],
  .touch-feedback-v699 button,
  .touch-feedback-v699 [role="button"]{transition:none!important}
  .touch-feedback-v699 .is-touch-press-v699{transition:none!important}
  .touch-feedback-v699 .brand.is-touch-press-v699,
  .touch-feedback-v699 .btn.is-touch-press-v699,
  .touch-feedback-v699 .mobile-menu-toggle.is-touch-press-v699,
  .touch-feedback-v699 .back-to-top.is-touch-press-v699,
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699,
  .touch-feedback-v699 .answer-list-card.is-touch-press-v699,
  .touch-feedback-v699 .editorial-social-row.is-touch-press-v699,
  .touch-feedback-v699 .answer-sns-grid>a.is-touch-press-v699,
  .touch-feedback-v699 .about-social-grid-v689>a.is-touch-press-v699,
  .touch-feedback-v699 .author-socials-v622 a.is-touch-press-v699,
  .touch-feedback-v699 .article-sharebar-v622 .share-btn.is-touch-press-v699,
  .touch-feedback-v699 .article-title-share-btn.is-touch-press-v699,
  .touch-feedback-v699 .preferred-source-button-v680.is-touch-press-v699{transform:none!important}
}



/* ======================================================================
   v7.00 — fluid mobile press motion + full-height mobile TOC
   ====================================================================== */
.mobile-toc-heading-v700,.mobile-toc-more-wrap-v700{display:none}

@media(any-pointer:coarse), (hover:none){
  /* v6.99 restored touch feedback, but some components still had transition:none
     or no transform transition at all. Give press + release one continuous curve. */
  .touch-feedback-v699 .archive-card-v651,
  .touch-feedback-v699 .answer-list-card,
  .touch-feedback-v699 .editorial-article-row,
  .touch-feedback-v699 .article-body .article-internal-card,
  .touch-feedback-v699 .article-page-v627 .article-internal-card{
    transform:translateZ(0)!important;
    transition:transform .22s cubic-bezier(.22,.72,.26,1),border-color .2s ease,box-shadow .22s ease,opacity .16s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651 .archive-card-media-v651 img,
  .touch-feedback-v699 .editorial-article-row .article-row-thumb img,
  .touch-feedback-v699 .article-body .article-internal-card>img,
  .touch-feedback-v699 .article-page-v627 .article-internal-card>img{
    transform:translateZ(0)!important;
    transition:transform .24s cubic-bezier(.22,.72,.26,1)!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699,
  .touch-feedback-v699 .answer-list-card.is-touch-press-v699,
  .touch-feedback-v699 .editorial-article-row.is-touch-press-v699{
    opacity:1!important;
    transform:translateZ(0) scale(.994)!important;
    transition:transform .13s cubic-bezier(.2,.72,.25,1),border-color .13s ease,box-shadow .13s ease,opacity .13s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699{
    border-color:#aeb9c0!important;
    box-shadow:0 7px 17px rgba(18,31,40,.065)!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699 .archive-card-media-v651 img{
    transform:translateZ(0) scale(1.018)!important;
    transition:transform .14s cubic-bezier(.2,.72,.25,1)!important;
  }
  .touch-feedback-v699 .editorial-article-row.is-touch-press-v699 .article-row-thumb img{
    transform:translateZ(0) scale(1.022)!important;
    transition:transform .14s cubic-bezier(.2,.72,.25,1)!important;
  }
  .touch-feedback-v699 .article-body .article-internal-card.is-touch-press-v699>img,
  .touch-feedback-v699 .article-page-v627 .article-internal-card.is-touch-press-v699>img{
    transform:translateZ(0) scale(1.012)!important;
    transition:transform .14s cubic-bezier(.2,.72,.25,1)!important;
  }
}

@media(max-width:900px){
  /* Static TOC heading. No accordion state and no auxiliary count text. */
  .article-page-v627 .article-toc-v621.show-mobile-toc .mobile-toc-heading-v700,
  .article-page-v627 .article-inline-toc-v696 .mobile-toc-heading-v700{
    display:flex!important;
    align-items:center!important;
    min-height:66px!important;
    padding:14px 18px 13px!important;
    position:relative!important;
    background:#fff!important;
    color:#111!important;
  }
  .article-page-v627 .article-toc-v621.show-mobile-toc .mobile-toc-heading-v700::before,
  .article-page-v627 .article-inline-toc-v696 .mobile-toc-heading-v700::before{
    content:""!important;
    position:absolute!important;
    left:18px!important;
    top:0!important;
    width:34px!important;
    height:4px!important;
    background:linear-gradient(90deg,var(--cyan) 0 30%,transparent 30% 36%,var(--pink) 36% 66%,transparent 66% 72%,var(--lime) 72% 100%)!important;
    transform:skewX(-18deg)!important;
  }
  .mobile-toc-heading-v700 b{
    font-size:17px!important;
    line-height:1.25!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
  }

  /* Always use the page itself for scrolling. The TOC never becomes a nested
     scroll area, even with very long lists. */
  .article-page-v627 .article-toc-v621.show-mobile-toc .article-toc-body-v694,
  .article-page-v627 .article-inline-toc-v696 .article-inline-toc-body-v696{
    display:block!important;
    grid-template-rows:none!important;
    opacity:1!important;
    border-top:1px solid #e4e9ec!important;
    overflow:visible!important;
    transition:none!important;
  }
  .article-page-v627 [data-mobile-toc-v700] [data-mobile-toc-nav-v700]{
    max-height:none!important;
    overflow:visible!important;
    overscroll-behavior:auto!important;
    scrollbar-width:auto!important;
    transition:max-height .38s cubic-bezier(.16,1,.3,1)!important;
  }
  .article-page-v627 [data-mobile-toc-v700] [data-mobile-toc-nav-v700]::-webkit-scrollbar{display:none!important}

  /* 4+ H2 sections: show the first three H2 sections, then dissolve into the reveal control. */
  .article-page-v627 [data-mobile-toc-v700].mobile-toc-truncated-v700:not(.mobile-toc-expanded-v700) [data-mobile-toc-nav-v700]{
    max-height:var(--mobile-toc-preview-height-v700,318px)!important;
    overflow:hidden!important;
  }
  .article-page-v627 [data-mobile-toc-v700].mobile-toc-truncated-v700.mobile-toc-expanded-v700 [data-mobile-toc-nav-v700]{
    max-height:var(--mobile-toc-full-height-v700,1800px)!important;
    overflow:hidden!important;
  }
  .mobile-toc-more-wrap-v700{
    display:flex!important;
    align-items:flex-end!important;
    justify-content:center!important;
    position:relative!important;
    z-index:3!important;
    min-height:76px!important;
    margin-top:-62px!important;
    padding:44px 14px 13px!important;
    background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.76) 38%,#fff 72%)!important;
    transition:margin-top .32s cubic-bezier(.16,1,.3,1),padding-top .32s cubic-bezier(.16,1,.3,1),background-color .2s ease!important;
  }
  .mobile-toc-expanded-v700 .mobile-toc-more-wrap-v700{
    min-height:52px!important;
    margin-top:0!important;
    padding-top:8px!important;
    background:#fff!important;
  }
  .mobile-toc-more-v700{
    appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    min-height:44px!important;
    padding:8px 14px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    color:#3b444a!important;
    box-shadow:none!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:760!important;
    letter-spacing:.01em!important;
    cursor:pointer!important;
    transition:transform .18s cubic-bezier(.22,.72,.26,1),background-color .18s ease,color .18s ease!important;
  }
  .mobile-toc-more-v700 i{
    width:7px!important;
    height:7px!important;
    border-right:1.5px solid currentColor!important;
    border-bottom:1.5px solid currentColor!important;
    transform:translateY(-2px) rotate(45deg)!important;
    transition:transform .28s cubic-bezier(.16,1,.3,1)!important;
  }
  .mobile-toc-expanded-v700 .mobile-toc-more-v700 i{transform:translateY(2px) rotate(225deg)!important}
  .touch-feedback-v699 .mobile-toc-more-v700.is-touch-press-v699{
    opacity:1!important;
    transform:scale(.97)!important;
    background:rgba(236,243,247,.72)!important;
    transition:transform .12s cubic-bezier(.2,.72,.25,1),background-color .12s ease!important;
  }

  /* Anchor rows themselves should feel fluid rather than flashing on/off. */
  .article-page-v627 [data-mobile-toc-v700] a{
    transition:background-color .16s ease,color .16s ease,opacity .16s ease!important;
  }
}

@media(max-width:420px){
  .article-page-v627 .article-toc-v621.show-mobile-toc .mobile-toc-heading-v700,
  .article-page-v627 .article-inline-toc-v696 .mobile-toc-heading-v700{min-height:62px!important;padding-left:16px!important}
  .article-page-v627 .article-toc-v621.show-mobile-toc .mobile-toc-heading-v700::before,
  .article-page-v627 .article-inline-toc-v696 .mobile-toc-heading-v700::before{left:16px!important;width:30px!important}
  .mobile-toc-heading-v700 b{font-size:16px!important}
}

.toc-modal-preview-v700>span{display:block!important;margin-top:12px!important;text-align:center!important;color:#68727a!important;font-size:10px!important;font-weight:800!important}

@media(prefers-reduced-motion:reduce){
  .article-page-v627 [data-mobile-toc-v700] [data-mobile-toc-nav-v700],
  .mobile-toc-more-wrap-v700,.mobile-toc-more-v700,.mobile-toc-more-v700 i{transition:none!important}
}

/* ======================================================================
   v7.01 — slower, non-rasterizing archive-card touch response
   The whole card no longer scales on touch. Scaling text was the main source
   of the perceived mobile 'snap'. The card settles vertically while media,
   border, shadow and CTA line ease over a longer curve. touch-links.js keeps
   the state visible for a short beat before one-tap navigation completes.
   ====================================================================== */
@media(any-pointer:coarse), (hover:none){
  .touch-feedback-v699 .archive-card-v651,
  .touch-feedback-v699 .answer-list-card{
    transform:none!important;
    backface-visibility:hidden;
    transition:
      transform .34s cubic-bezier(.16,1,.3,1),
      border-color .32s ease,
      box-shadow .34s cubic-bezier(.16,1,.3,1),
      background-color .32s ease,
      opacity .24s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699,
  .touch-feedback-v699 .answer-list-card.is-touch-press-v699{
    opacity:1!important;
    transform:translate3d(0,2px,0)!important;
    transition:
      transform .24s cubic-bezier(.22,.61,.36,1),
      border-color .24s ease,
      box-shadow .26s ease,
      background-color .26s ease,
      opacity .24s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699{
    border-color:#aeb9c0!important;
    box-shadow:0 5px 14px rgba(18,31,40,.055)!important;
    background:#fff!important;
  }
  .touch-feedback-v699 .archive-card-v651 .archive-card-media-v651 img{
    transform:translate3d(0,0,0)!important;
    backface-visibility:hidden;
    transition:transform .42s cubic-bezier(.16,1,.3,1),filter .34s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699 .archive-card-media-v651 img{
    transform:translate3d(0,0,0) scale(1.014)!important;
    transition:transform .28s cubic-bezier(.22,.61,.36,1),filter .28s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651 .archive-card-read-v651::after,
  .touch-feedback-v699 .answer-list-card .answer-list-read::after{
    transition:width .34s cubic-bezier(.16,1,.3,1),background-color .28s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699 .archive-card-read-v651::after{
    width:31px!important;
    background:var(--pink)!important;
  }
  .touch-feedback-v699 .answer-list-card.is-touch-press-v699{
    border-color:#aeb9c0!important;
    box-shadow:0 7px 18px rgba(18,31,40,.055)!important;
    background:rgba(255,255,255,.96)!important;
  }
  .touch-feedback-v699 .answer-list-card.is-touch-press-v699 .answer-list-read::after{
    width:50px!important;
    background:var(--cyan)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .touch-feedback-v699 .archive-card-v651,
  .touch-feedback-v699 .answer-list-card,
  .touch-feedback-v699 .archive-card-v651 .archive-card-media-v651 img,
  .touch-feedback-v699 .archive-card-v651 .archive-card-read-v651::after,
  .touch-feedback-v699 .answer-list-card .answer-list-read::after{
    transition:none!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699,
  .touch-feedback-v699 .answer-list-card.is-touch-press-v699{
    transform:none!important;
  }
}

/* ======================================================================
   v7.02 — article discovery / answer sidebar / slower mobile press
   ====================================================================== */

/* Answer detail: desktop rail is intentionally static. Keep four recent Q&As
   plus a compact three-article discovery module without turning the rail into
   a competing sticky surface. */
.answer-sidebar-v702{position:static!important;top:auto!important;align-self:start!important}
.answer-sidebar-articles-v702{padding:20px 0 8px;border-top:2px solid #111;border-bottom:1px solid #cfd6db}
.answer-sidebar-article-list-v702{display:grid}
.answer-sidebar-article-list-v702>a{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:10px;align-items:center;padding:15px 0;border-top:1px solid #e1e6e9;color:#111}
.answer-sidebar-article-list-v702>a:first-child{border-top:0}
.answer-sidebar-article-list-v702>a>div{min-width:0}
.answer-sidebar-article-list-v702 span{display:block;width:max-content;max-width:100%;margin-bottom:5px;padding:3px 6px;border:1px solid #ccd5da;background:#f7fafb;color:#5f6970;font-size:8px;font-weight:850;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.answer-sidebar-article-list-v702 h3{margin:0 0 6px;font-size:13px;line-height:1.55;letter-spacing:-.02em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.answer-sidebar-article-list-v702 time{display:block;color:#7a848b;font-size:9px;font-weight:750}
.answer-sidebar-article-list-v702 i{font-style:normal;font-size:15px;line-height:1;color:#7c858b;transition:transform .18s ease,color .18s ease}
@media (hover:hover) and (pointer:fine){
  .answer-sidebar-article-list-v702>a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
  .answer-sidebar-article-list-v702>a:hover i{transform:translateX(3px);color:#111}
}
@media(max-width:900px){.answer-sidebar-articles-v702{display:none!important}}

/* Article bottom discovery. Related links remain ordinary crawlable anchors
   with descriptive titles; social promotion is separated as a supporting CTA. */
.article-postscript-v702{width:100%;max-width:1120px;margin:72px auto 0;display:grid;grid-template-columns:minmax(0,780px) 240px;gap:58px;align-items:start}
.article-postscript-v702>section{grid-column:1;min-width:0}
.article-postscript-head-v702{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px;padding-bottom:14px;border-bottom:2px solid #111}
.article-postscript-head-v702 h2,.article-follow-copy-v702 h2{margin:0;font-size:27px;line-height:1.25;letter-spacing:-.045em}
.article-postscript-head-v702>a{flex:0 0 auto;padding-bottom:3px;border-bottom:1px solid #111;font-size:10px;font-weight:850}
.article-related-grid-v702{display:grid}
.article-related-card-v702{display:grid;grid-template-columns:158px minmax(0,1fr);gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid #d5dde2;color:#111;transition:background-color .2s ease,padding .24s cubic-bezier(.16,1,.3,1)}
.article-related-media-v702{width:158px;aspect-ratio:16/10;overflow:hidden;border:1px solid #ccd5da;background:#eef3f5;padding:4px;box-sizing:border-box}
.article-related-media-v702 img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .38s cubic-bezier(.16,1,.3,1)}
.article-related-media-v702>span{display:grid;place-items:center;width:100%;height:100%;background:#111;color:#fff;font-size:38px;font-weight:950}
.article-related-copy-v702{min-width:0}
.article-related-meta-v702{display:flex;align-items:center;gap:9px;margin-bottom:7px;color:#7a848b;font-size:9px;font-weight:750}
.article-related-meta-v702>span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111;font-weight:850}
.article-related-card-v702 h3{margin:0;font-size:17px;line-height:1.5;letter-spacing:-.03em}
.article-related-read-v702{display:inline-flex;align-items:center;margin-top:9px;color:#69737a;font-size:9px;font-weight:850}
.article-related-read-v702::after{content:"";width:24px;height:1px;margin-left:8px;background:#111;transition:width .24s cubic-bezier(.16,1,.3,1)}
@media (hover:hover) and (pointer:fine){
  .article-related-card-v702:hover{padding-left:10px;padding-right:10px;background:#fff}
  .article-related-card-v702:hover .article-related-media-v702 img{transform:scale(1.025)}
  .article-related-card-v702:hover .article-related-read-v702::after{width:38px;background:var(--pink)}
}
.article-follow-v702{margin-top:68px;padding:28px 0 0;border-top:1px solid #111}
.article-follow-copy-v702{max-width:650px}
.article-follow-copy-v702 p{margin:10px 0 0;color:#626c73;font-size:11.5px;line-height:1.8}
.article-follow-links-v702{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}
.article-follow-links-v702>a{display:grid;grid-template-columns:38px minmax(0,1fr) 16px;gap:10px;align-items:center;min-height:72px;padding:12px 13px;border:1px solid #cbd4da;background:#fff;color:#111;transition:border-color .18s ease,background-color .18s ease}
.article-follow-links-v702>a>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #d7dee2;background:#f7f9fa}
.article-follow-links-v702 img{max-width:23px;max-height:23px;object-fit:contain}
.article-follow-links-v702 div{display:grid;gap:2px;min-width:0}
.article-follow-links-v702 b{font-size:12px;line-height:1.2}
.article-follow-links-v702 small{color:#7a838a;font-size:8px;font-weight:750;line-height:1.35}
.article-follow-links-v702 i{font-style:normal;color:#7d858b;font-size:14px;transition:transform .18s ease,color .18s ease}
@media (hover:hover) and (pointer:fine){
  .article-follow-links-v702>a:hover{border-color:#111;background:#f9fbfc}
  .article-follow-links-v702>a:hover i{transform:translateX(2px);color:#111}
}
@media(max-width:900px){
  .article-postscript-v702{display:block!important;max-width:none!important;margin-top:56px!important}
  .article-postscript-head-v702 h2,.article-follow-copy-v702 h2{font-size:24px}
  .article-follow-v702{margin-top:54px}
}
@media(max-width:620px){
  .article-postscript-v702{margin-top:48px!important}
  .article-postscript-head-v702{align-items:flex-start;gap:12px}
  .article-postscript-head-v702 h2,.article-follow-copy-v702 h2{font-size:22px}
  .article-postscript-head-v702>a{font-size:9px}
  .article-related-card-v702{grid-template-columns:112px minmax(0,1fr);gap:13px;padding:14px 0}
  .article-related-media-v702{width:112px}
  .article-related-meta-v702{gap:6px;margin-bottom:5px;font-size:8px}
  .article-related-card-v702 h3{font-size:14px;line-height:1.48;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
  .article-related-read-v702{margin-top:7px;font-size:8px}
  .article-follow-copy-v702 p{font-size:11px}
  .article-follow-links-v702{grid-template-columns:1fr;gap:8px}
  .article-follow-links-v702>a{min-height:66px}
}

/* iOS/Safari zooms focused controls whose computed text is below 16px. Keep
   search fields at 16px on touch-width layouts instead of disabling page zoom. */
@media(max-width:900px){
  .archive-search-field-v626 input,
  .answers-search input{font-size:16px!important}
}

/* Slower touch choreography for article/question cards. Do not scale the text
   surface; let the whole card settle a few pixels while media and CTA ease in. */
@media(any-pointer:coarse), (hover:none){
  .touch-feedback-v699 .archive-card-v651,
  .touch-feedback-v699 .answer-list-card,
  .touch-feedback-v699 .editorial-article-row,
  .touch-feedback-v699 .article-related-card-v702{
    transform:none!important;
    backface-visibility:hidden;
    transition:transform .48s cubic-bezier(.16,1,.3,1),border-color .44s ease,box-shadow .48s cubic-bezier(.16,1,.3,1),background-color .44s ease,opacity .32s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699,
  .touch-feedback-v699 .answer-list-card.is-touch-press-v699,
  .touch-feedback-v699 .editorial-article-row.is-touch-press-v699,
  .touch-feedback-v699 .article-related-card-v702.is-touch-press-v699{
    opacity:1!important;
    transform:translate3d(0,3px,0)!important;
    transition:transform .32s cubic-bezier(.22,.61,.36,1),border-color .32s ease,box-shadow .34s ease,background-color .34s ease,opacity .3s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651 .archive-card-media-v651 img,
  .touch-feedback-v699 .editorial-article-row .article-row-thumb img,
  .touch-feedback-v699 .article-related-card-v702 .article-related-media-v702 img{
    transform:translate3d(0,0,0)!important;
    transition:transform .52s cubic-bezier(.16,1,.3,1),filter .42s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651.is-touch-press-v699 .archive-card-media-v651 img,
  .touch-feedback-v699 .editorial-article-row.is-touch-press-v699 .article-row-thumb img,
  .touch-feedback-v699 .article-related-card-v702.is-touch-press-v699 .article-related-media-v702 img{
    transform:translate3d(0,0,0) scale(1.012)!important;
    transition:transform .34s cubic-bezier(.22,.61,.36,1),filter .34s ease!important;
  }
  .touch-feedback-v699 .archive-card-v651 .archive-card-read-v651::after,
  .touch-feedback-v699 .answer-list-card .answer-list-read::after,
  .touch-feedback-v699 .article-related-card-v702 .article-related-read-v702::after{
    transition:width .48s cubic-bezier(.16,1,.3,1),background-color .4s ease!important;
  }
  .touch-feedback-v699 .editorial-article-row.is-touch-press-v699 .article-row-arrow{transform:translate(1px,-1px)!important}
  .touch-feedback-v699 .article-related-card-v702.is-touch-press-v699 .article-related-read-v702::after{width:36px!important;background:var(--pink)!important}
}
@media(prefers-reduced-motion:reduce){
  .article-related-card-v702,.article-related-media-v702 img,.article-related-read-v702::after,
  .article-follow-links-v702>a,.article-follow-links-v702 i,
  .answer-sidebar-article-list-v702 i{transition:none!important}
  .touch-feedback-v699 .editorial-article-row,
  .touch-feedback-v699 .article-related-card-v702,
  .touch-feedback-v699 .editorial-article-row .article-row-thumb img,
  .touch-feedback-v699 .article-related-card-v702 .article-related-media-v702 img{transition:none!important}
  .touch-feedback-v699 .editorial-article-row.is-touch-press-v699,
  .touch-feedback-v699 .article-related-card-v702.is-touch-press-v699{transform:none!important}
}


/* ======================================================================
   v7.04 — desktop article sidebar: follow through postscript, fade at author
   ====================================================================== */
@media(min-width:901px){
  .article-page-v627 .article-sidebar-stack-v681{
    opacity:1!important;
    visibility:visible!important;
    transition:opacity .42s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s!important;
    will-change:opacity;
  }
  .article-page-v627 .article-sidebar-stack-v681.sidebar-viewport-lock-v704{
    position:fixed!important;
    top:var(--sidebar-lock-top,92px)!important;
    left:var(--sidebar-lock-left)!important;
    width:var(--sidebar-lock-width)!important;
    max-width:var(--sidebar-lock-width)!important;
    margin:0!important;
    z-index:8!important;
  }
  .article-page-v627 .article-sidebar-stack-v681.sidebar-author-fade-v704{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s!important;
  }
  /* v7.04 owns desktop positioning at the rail level. Neutralize any legacy
     per-TOC viewport lock/guard state that may survive a bfcache restore. */
  .article-page-v627 .article-sidebar-stack-v681.sidebar-viewport-lock-v704>.article-toc-v621{
    position:static!important;
    top:auto!important;
    left:auto!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
  .article-page-v627 .article-sidebar-stack-v681.sidebar-viewport-lock-v704>.article-preferred-source-sidebar-v681{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .article-page-v627 .article-sidebar-stack-v681{transition:none!important}
}


/* ======================================================================
   v7.05 — SEO/navigation consolidation
   - Contextual internal links stay visible/crawlable and use descriptive text.
   - Authorship remains explicit in metadata/JSON-LD; visible profile navigation is deferred.
   - Archive breadcrumbs expose the same hierarchy as BreadcrumbList JSON-LD.
   ====================================================================== */
.archive-breadcrumbs-v705{display:flex;align-items:center;flex-wrap:wrap;gap:7px;max-width:1120px;margin:0 auto 24px;color:#7a8389;font-size:10px;font-weight:700}
.archive-breadcrumbs-v705 a{color:#414a50;text-decoration:none}
.archive-breadcrumbs-v705 span[aria-current="page"]{color:#111;font-weight:850}
.answers-breadcrumbs-v705{max-width:1120px}

.article-related-answers-v705{margin-top:68px}
.article-related-answer-list-v705{display:grid}
.article-related-answer-list-v705>a{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;gap:14px;align-items:center;padding:17px 0;border-bottom:1px solid #d5dde2;color:#111}
.article-related-answer-mark-v705{display:grid;place-items:center;width:30px;height:30px;border:1px solid #111;border-radius:50%;font-size:11px;font-weight:950}
.article-related-answer-list-v705 h3{margin:0 0 5px;font-size:16px;line-height:1.5;letter-spacing:-.025em}
.article-related-answer-list-v705 p{margin:0;color:#707a81;font-size:10.5px;line-height:1.65}
.article-related-answer-list-v705 i{font-style:normal;color:#788188;transition:transform .18s ease,color .18s ease}
@media (hover:hover) and (pointer:fine){.article-related-answer-list-v705>a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-related-answer-list-v705>a:hover i{transform:translateX(3px);color:#111}}

.answer-related-articles-v705{max-width:900px;margin-top:56px;padding-top:30px;border-top:1px solid #111}
.answer-related-articles-v705 .related-answers-head{justify-content:space-between}
.answer-related-articles-v705 .related-answers-head>a{color:#111;font-size:10px;font-weight:850;border-bottom:1px solid #111}
.answer-related-article-list-v705{display:grid}
.answer-related-article-list-v705>a{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:16px;align-items:center;padding:18px 0;border-bottom:1px solid #d8dfe3;color:#111}
.answer-related-article-list-v705 small{display:block;margin-bottom:6px;color:#69737a;font-size:9px;font-weight:850}
.answer-related-article-list-v705 h3{margin:0 0 5px;font-size:16px;line-height:1.5;letter-spacing:-.025em}
.answer-related-article-list-v705 p{margin:0;color:#737c83;font-size:10.5px;line-height:1.6}
.answer-related-article-list-v705>a>span{justify-self:end;font-size:15px;color:#7b848a;transition:transform .18s ease,color .18s ease}
@media (hover:hover) and (pointer:fine){.answer-related-article-list-v705>a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.answer-related-article-list-v705>a:hover>span{transform:translateX(3px);color:#111}}

@media(max-width:900px){
  .archive-breadcrumbs-v705{margin-bottom:18px;padding:0 1px;font-size:9.5px}
  .article-related-answers-v705{margin-top:54px}
}
@media(max-width:620px){
  .article-related-answer-list-v705>a{grid-template-columns:30px minmax(0,1fr) 14px;gap:10px;padding:15px 0}
  .article-related-answer-mark-v705{width:28px;height:28px;font-size:10px}
  .article-related-answer-list-v705 h3,.answer-related-article-list-v705 h3{font-size:14px}
  .article-related-answer-list-v705 p,.answer-related-article-list-v705 p{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .article-related-answer-list-v705 i,.answer-related-article-list-v705>a>span{transition:none!important}
}


/* ======================================================================
   v7.06 — defer visible authorship until the reader reaches the end.
   The top byline/link is intentionally removed to avoid creating an early
   exit. Q&A authorship is presented after the full two-column layout, so the
   static desktop sidebar can never overlap the author handoff.
   ====================================================================== */
.answer-author-section-v706{width:100%;max-width:820px;margin:72px 0 0}
.answer-page-v668 .answer-author-profile-v706{
  position:relative!important;
  display:grid!important;
  grid-template-columns:70px minmax(0,1fr) 190px!important;
  gap:20px!important;
  align-items:start!important;
  padding:29px 0 18px!important;
  border:0!important;
  border-top:1px solid #111!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.answer-page-v668 .answer-author-profile-v706::before{content:"";position:absolute;top:-2px;left:0;width:72px;height:3px;background:linear-gradient(90deg,var(--cyan) 0 46%,var(--pink) 46% 75%,var(--lime) 75% 100%);transform:skewX(-18deg);transform-origin:left center}
.answer-page-v668 .answer-author-profile-v706>img{width:70px!important;height:70px!important;border-radius:18px!important;box-shadow:4px 4px 0 rgba(58,205,242,.55)!important}
.answer-page-v668 .answer-author-profile-v706>.author-profile-copy>span{margin-bottom:3px!important;font-size:9px!important;color:#778189!important;letter-spacing:.015em!important}
.answer-page-v668 .answer-author-profile-v706>.author-profile-copy>b{margin:0 0 7px!important;font-size:18px!important;line-height:1.3!important;letter-spacing:-.02em!important}
.answer-page-v668 .answer-author-profile-v706>.author-profile-copy>p{max-width:720px!important;font-size:11.5px!important;line-height:1.9!important;color:#5f6971!important}
.answer-page-v668 .answer-author-profile-v706 .author-profile-link{align-self:center!important;justify-self:end!important;display:inline-flex!important;align-items:center!important;gap:10px!important;padding:8px 0!important;border:0!important;background:transparent!important;box-shadow:none!important;color:#111!important;font-size:10.5px!important;line-height:1.45!important;font-weight:800!important;transition:opacity .18s ease,color .18s ease!important}
.answer-page-v668 .answer-author-profile-v706 .author-profile-link span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;border:1px solid #111!important;border-radius:50%!important;background:transparent!important;color:#111!important;font-size:13px!important;line-height:1!important;transition:border-color .18s ease,color .18s ease,transform .18s ease!important}
.answer-page-v668 .answer-author-profile-v706 .author-profile-link-mobile-v634{display:none!important}
.answer-page-v668 .answer-author-profile-v706 .author-profile-link-desktop-v634{display:inline-flex!important}
@media (hover:hover) and (pointer:fine){
  .answer-page-v668 .answer-author-profile-v706 .author-profile-link:hover{opacity:.78!important}
  .answer-page-v668 .answer-author-profile-v706 .author-profile-link:hover span{color:var(--pink)!important;border-color:var(--pink)!important;transform:translateX(2px)!important}
}
@media(max-width:900px){.answer-author-section-v706{max-width:none;margin-top:58px}}
@media(max-width:620px){
  .answer-author-section-v706{margin-top:50px}
  .answer-page-v668 .answer-author-profile-v706{grid-template-columns:50px minmax(0,1fr)!important;gap:14px!important;padding:24px 0 12px!important}
  .answer-page-v668 .answer-author-profile-v706::before{width:58px}
  .answer-page-v668 .answer-author-profile-v706>img{width:50px!important;height:50px!important;border-radius:13px!important;box-shadow:3px 3px 0 rgba(58,205,242,.5)!important}
  .answer-page-v668 .answer-author-profile-v706>.author-profile-copy>b{font-size:17px!important}
  .answer-page-v668 .answer-author-profile-v706>.author-profile-copy>p{font-size:11px!important;line-height:1.82!important}
  .answer-page-v668 .answer-author-profile-v706 .author-profile-link-desktop-v634{display:none!important}
  .answer-page-v668 .answer-author-profile-v706 .author-profile-link-mobile-v634{display:inline-flex!important;width:max-content!important;max-width:100%!important;justify-content:flex-start!important;gap:9px!important;margin-top:15px!important;padding:0!important;font-size:10.5px!important;white-space:normal!important}
  .answer-page-v668 .answer-author-profile-v706 .author-profile-link-mobile-v634 span{width:25px!important;height:25px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){.answer-page-v668 .answer-author-profile-v706 .author-profile-link,.answer-page-v668 .answer-author-profile-v706 .author-profile-link span{transition:none!important}}


/* ======================================================================
   v7.09 — New updates archive + admin manager
   ====================================================================== */
.updates-page-v709{width:min(100%,1180px);margin:0 auto;padding:52px 32px 90px}
.updates-breadcrumbs-v709{margin-bottom:44px}
.updates-hero-v709{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:50px;align-items:end;padding:14px 0 18px}
.updates-hero-v709 h1{margin:0;font-size:clamp(50px,6vw,82px);line-height:.96;letter-spacing:-.065em;font-weight:950}
.updates-hero-v709 p{max-width:640px;margin:18px 0 0;color:#626b72;font-size:14px;line-height:1.9}
.updates-hero-rule-v709{display:grid;grid-template-columns:1fr 38px 14px;gap:10px;align-items:end;height:44px}
.updates-hero-rule-v709 i{display:block;height:100%;border:1px solid #111;background:#fff}.updates-hero-rule-v709 i:nth-child(1){height:8px;background:var(--cyan)}.updates-hero-rule-v709 i:nth-child(2){height:25px;background:var(--pink)}.updates-hero-rule-v709 i:nth-child(3){height:44px;background:var(--lime)}
.updates-archive-v709{margin-top:34px;padding-top:28px;border-top:1px solid #111}


.updates-archive-list-v709{display:block}
.updates-archive-row-v709{--update-accent:var(--cyan);position:relative;isolation:isolate;display:grid;grid-template-columns:136px 116px minmax(0,1fr) 42px;gap:22px;align-items:center;min-height:104px;padding:20px 5px;color:#111;border-bottom:1px solid #d2d9de;overflow:hidden}

.updates-archive-row-v709:last-child{border-bottom:0}
.updates-archive-row-v709::before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--update-accent) 12%,white),rgba(255,255,255,.92) 52%,rgba(255,255,255,.45));transform:scaleX(0);transform-origin:left;transition:transform .44s cubic-bezier(.16,1,.3,1)}
.updates-archive-row-v709::after{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--update-accent);transform:scaleY(.28);transition:transform .36s cubic-bezier(.16,1,.3,1)}
.updates-archive-row-v709.update-kind-answer{--update-accent:var(--pink)}.updates-archive-row-v709.update-kind-article_update{--update-accent:var(--lime)}.updates-archive-row-v709.update-kind-notice{--update-accent:#111}.updates-archive-row-v709.update-kind-site_update{--update-accent:#ffd74a}
.updates-archive-row-v709 time{display:grid;gap:4px;padding-left:15px;font-variant-numeric:tabular-nums}.updates-archive-row-v709 time b{font-size:13px;font-weight:950}.updates-archive-row-v709 time small{font-size:9px;color:#858d92;font-weight:800;letter-spacing:.06em}
.updates-archive-label-v709{justify-self:start;padding:6px 9px;border:1px solid #111;background:#fff;box-shadow:3px 3px 0 color-mix(in srgb,var(--update-accent) 72%,white);font-size:10px;font-weight:950;white-space:nowrap}
.updates-archive-row-v709 p{margin:0;min-width:0;font-size:16px;line-height:1.75;font-weight:780;letter-spacing:-.02em}
.updates-archive-signal-v709{justify-self:end;display:grid;justify-items:end;align-content:center;gap:5px;width:38px;height:30px}.updates-archive-signal-v709 i{height:2px;background:#111;transition:width .3s cubic-bezier(.16,1,.3,1),background-color .2s ease}.updates-archive-signal-v709 i:first-child{width:22px}.updates-archive-signal-v709 i:last-child{width:12px;background:var(--update-accent)}
.updates-archive-row-v709.is-static-v709 .updates-archive-signal-v709{opacity:.3}
@media(hover:hover) and (pointer:fine){a.updates-archive-row-v709:hover::before{transform:scaleX(1)}a.updates-archive-row-v709:hover::after{transform:scaleY(1)}a.updates-archive-row-v709:hover .updates-archive-signal-v709 i:first-child{width:30px;background:var(--update-accent)}a.updates-archive-row-v709:hover .updates-archive-signal-v709 i:last-child{width:18px;background:#111}}
.updates-pagination-v709{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:26px}.updates-pagination-v709>a{justify-self:start;padding:9px 12px;border:1px solid #d1d9de;background:#fff;font-size:12px;font-weight:900}.updates-pagination-v709>a:last-child{justify-self:end}.updates-pagination-v709 b{font-size:10px;color:#707980;font-variant-numeric:tabular-nums}.updates-archive-empty-v709{padding:36px 8px;color:#697279}
@media(max-width:760px){.updates-page-v709{padding:38px 18px 68px}.updates-breadcrumbs-v709{margin-bottom:28px}.updates-hero-v709{grid-template-columns:1fr;gap:26px;padding-bottom:14px}.updates-hero-v709 h1{font-size:48px}.updates-hero-v709 p{font-size:12.5px}.updates-hero-rule-v709{width:160px;height:28px;grid-template-columns:1fr 26px 10px}.updates-hero-rule-v709 i:nth-child(2){height:18px}.updates-hero-rule-v709 i:nth-child(3){height:28px}.updates-archive-v709{margin-top:28px;padding-top:22px}.updates-archive-row-v709{grid-template-columns:auto minmax(0,1fr) 30px;gap:10px 12px;min-height:0;padding:18px 2px}.updates-archive-row-v709 time{grid-column:1;padding-left:10px;display:flex;gap:7px;align-items:baseline}.updates-archive-row-v709 time b{font-size:11px}.updates-archive-row-v709 time small{font-size:8px}.updates-archive-label-v709{grid-column:2;padding:4px 7px;font-size:9px;box-shadow:2px 2px 0 color-mix(in srgb,var(--update-accent) 72%,white)}.updates-archive-row-v709 p{grid-column:1/3;grid-row:2;padding:0 10px;font-size:13px;line-height:1.72}.updates-archive-signal-v709{grid-column:3;grid-row:1/3;width:30px;height:30px}.updates-pagination-v709{gap:10px}.updates-pagination-v709>a{font-size:11px}}
@media(any-pointer:coarse),(hover:none){.touch-feedback-v699 .updates-archive-row-v709.is-touch-press-v699{opacity:1!important;transform:none!important;background:#fff!important;border-color:#111!important}.touch-feedback-v699 .updates-archive-row-v709.is-touch-press-v699::before{transform:scaleX(1)!important}}

/* Admin update manager */
.admin-update-create-v709{margin-bottom:34px;padding:20px;border:1px solid #d6dce0;background:#f7f9fa}
.admin-update-create-v709 form{display:grid;grid-template-columns:150px minmax(260px,1.5fr) minmax(220px,1fr) 190px auto auto auto;gap:12px;align-items:end}
.admin-update-create-v709 label,.admin-update-fields-v709 label{display:grid;gap:6px;font-size:10px;font-weight:850;color:#596269}.admin-update-create-v709 input,.admin-update-create-v709 select,.admin-update-fields-v709 input,.admin-update-fields-v709 select{width:100%;min-height:39px;padding:8px 10px;border:1px solid #cbd3d8;background:#fff;color:#111;font:inherit}.admin-update-create-v709 .admin-check-v709,.admin-update-actions-v709 .admin-check-v709{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#111;font-size:11px}.admin-check-v709 input{width:16px!important;min-height:16px!important;height:16px!important;margin:0}.admin-update-list-v709{display:grid;gap:12px}.admin-update-card-v709{position:relative;padding:17px 50px 17px 17px;border:1px solid #d2d9de;background:#fff}.admin-update-card-v709.is-hidden-v709{opacity:.62}.admin-update-card-head-v709{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.admin-update-card-head-v709>div{display:flex;align-items:center;gap:10px}.admin-update-card-head-v709 b{font-size:11px}.admin-update-card-head-v709 span,.admin-update-card-head-v709 time{font-size:9px;color:#7b848a}.admin-update-fields-v709{display:grid;grid-template-columns:150px minmax(260px,1.5fr) minmax(220px,1fr) 190px;gap:12px;align-items:start}.admin-update-fields-v709 small{font-size:9px;color:#858e94}.admin-update-actions-v709{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:14px}.admin-update-delete-v709{position:absolute;right:12px;top:12px}.admin-update-delete-v709 .icon-action{width:30px;height:30px}.admin-update-message-v709 input{font-weight:750}.admin-update-card-v709 select{cursor:pointer}
@media(max-width:1250px){.admin-update-create-v709 form{grid-template-columns:140px 1fr 1fr 180px}.admin-update-create-v709 .admin-check-v709{align-self:center}.admin-update-fields-v709{grid-template-columns:140px 1fr 1fr}.admin-update-fields-v709 label:last-child{grid-column:1}.admin-update-message-v709{grid-column:span 2}}
@media(max-width:760px){.admin-update-create-v709{padding:15px}.admin-update-create-v709 form,.admin-update-fields-v709{grid-template-columns:1fr}.admin-update-message-v709{grid-column:auto}.admin-update-card-v709{padding:15px 46px 15px 15px}.admin-update-card-head-v709{align-items:flex-start;flex-direction:column;gap:5px}.admin-update-actions-v709{justify-content:flex-start;flex-wrap:wrap}.admin-update-fields-v709 label:last-child{grid-column:auto}}

/* v7.11 — visible breadcrumb trail mirrors JSON-LD while long current labels stay compact. */
.breadcrumb-current-v711{display:block;flex:0 1 auto;min-width:0;max-width:min(38vw,420px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#111;font-weight:800}.article-breadcrumbs-v621>.breadcrumb-current-v711{color:#111!important;font-weight:800!important}
.answer-breadcrumbs .breadcrumb-current-v711{max-width:min(42vw,460px)}
@media(max-width:620px){.breadcrumb-current-v711{max-width:150px}.answer-breadcrumbs{min-width:0;white-space:nowrap;overflow:hidden}.answer-breadcrumbs .breadcrumb-current-v711{max-width:132px}}

/* ======================================================================
   v7.16 — contact ornament stays inside the white form panel
   The ornament occupies its own in-flow row, so initial/success states can
   never collide with fields or flash messages and it never escapes the border.
   ====================================================================== */
.contact-zone .contact-zone-head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  border-bottom:0!important;
  padding-bottom:0!important;
}
.contact-panel-ornament-v716{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  min-height:50px;
  margin:-10px 0 10px;
}
.contact-panel-ornament-v716 .contact-panel-mail-v716{
  position:static!important;
  inset:auto!important;
  flex:0 0 auto;
  width:64px!important;
  height:50px!important;
  margin:0!important;
  color:rgba(66,215,255,.20)!important;
  z-index:auto!important;
}
.contact-block-single .contact-panel{overflow:hidden!important}
.contact-block-single .contact-panel>.toast{margin-top:0!important}
@media(max-width:900px){
  .contact-panel-ornament-v716{min-height:44px;margin:-7px 0 9px}
  .contact-panel-ornament-v716 .contact-panel-mail-v716{width:56px!important;height:43px!important}
}
@media(max-width:520px){
  .contact-panel-ornament-v716{min-height:37px;margin:-5px 0 8px}
  .contact-panel-ornament-v716 .contact-panel-mail-v716{width:46px!important;height:35px!important}
}


/* ======================================================================
   v7.21 — mobile article H1: full title, exactly two visual lines
   Never clamp or ellipsize the title. CSS provides a conservative no-JS
   starting size; site.js measures the actual rendered title and chooses the
   largest font size that keeps the complete text within two lines.
   ====================================================================== */
@media(max-width:900px){
  .article-page-v627 .article-title-stage-v621 h1{
    display:block!important;
    -webkit-box-orient:initial!important;
    -webkit-line-clamp:unset!important;
    line-clamp:unset!important;
    overflow:visible!important;
    max-height:none!important;
    width:100%!important;
    max-width:100%!important;
    white-space:normal!important;
    text-wrap:wrap!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    line-height:1.10!important;
    text-overflow:clip!important;
  }
  .article-page-v627 .article-title-stage-v621 h1.article-title-short-v693{font-size:clamp(30px,8vw,42px)!important}
  .article-page-v627 .article-title-stage-v621 h1.article-title-medium-v693{font-size:clamp(23px,6.6vw,34px)!important}
  .article-page-v627 .article-title-stage-v621 h1.article-title-long-v693{font-size:clamp(18px,5.2vw,26px)!important;letter-spacing:-.052em!important}
  .article-page-v627 .article-title-stage-v621 h1.article-title-xlong-v693{font-size:clamp(14px,4.3vw,21px)!important;letter-spacing:-.05em!important}
  .article-page-v627 .article-title-stage-v621 h1>span{display:contents!important}
}

/* ======================================================================
   v7.23 — Q&A share rail
   Compact Japanese-only utility row, visually aligned with the existing
   answer page and article share controls. No arrows or decorative English.
   ====================================================================== */
.answer-share-v723{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:18px 0 54px;
  padding:14px 16px 14px 18px;
  border:1px solid #d6dde2;
  background:rgba(255,255,255,.78);
  box-shadow:4px 4px 0 rgba(17,17,17,.045);
}
.answer-share-v723::before{
  content:"";
  position:absolute;
  left:-1px;
  top:11px;
  bottom:11px;
  width:3px;
  background:linear-gradient(180deg,var(--pink) 0 38%,var(--cyan) 38% 72%,var(--lime) 72% 100%);
}
.answer-share-copy-v723{display:flex;align-items:center;gap:9px;min-width:0}
.answer-share-copy-v723>span{display:block;width:18px;height:2px;background:#111;flex:0 0 auto}
.answer-share-copy-v723 b{font-size:11px;line-height:1.3;letter-spacing:.01em;white-space:nowrap}
.answer-share-actions-v723{display:flex;align-items:center;gap:7px;flex:0 0 auto}
.answer-share-btn-v723{
  display:inline-grid!important;
  place-items:center!important;
  min-width:36px!important;
  height:36px!important;
  padding:0 9px!important;
  border:1px solid #c8d0d6!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#111!important;
  box-shadow:none!important;
  text-decoration:none!important;
  cursor:pointer!important;
  transition:background-color .22s ease,color .22s ease,border-color .22s ease,transform .26s cubic-bezier(.16,1,.3,1)!important;
}
.answer-share-btn-v723>span{font-size:9px;font-weight:850;line-height:1;letter-spacing:0}
.answer-share-btn-v723.share-line{min-width:49px!important}
.answer-share-btn-v723.share-copy{position:relative}
.answer-share-btn-v723.share-copy .share-copy-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.answer-share-btn-v723.share-copy .share-copy-icon-done{display:none}
.answer-share-btn-v723.share-copy.is-copied .share-copy-icon-default{display:none}
.answer-share-btn-v723.share-copy.is-copied .share-copy-icon-done{display:block}
.answer-share-btn-v723.share-copy.is-copied{background:#111!important;color:#fff!important;border-color:#111!important}
.answer-share-btn-v723:focus-visible{outline:none!important;background:#111!important;color:#fff!important;border-color:#111!important;box-shadow:0 0 0 3px rgba(17,17,17,.12)!important}
@media(hover:hover) and (pointer:fine){
  .answer-share-btn-v723:hover{background:#111!important;color:#fff!important;border-color:#111!important;transform:translateY(-1px)}
}
@media(any-pointer:coarse),(hover:none){
  .touch-feedback-v699 .answer-share-btn-v723.is-touch-press-v699{background:#111!important;color:#fff!important;border-color:#111!important;transform:scale(.96)!important}
}
@media(max-width:620px){
  .answer-share-v723{margin:14px 0 42px;padding:12px 12px 12px 14px;gap:12px;box-shadow:3px 3px 0 rgba(17,17,17,.04)}
  .answer-share-v723::before{top:9px;bottom:9px}
  .answer-share-copy-v723{gap:7px}
  .answer-share-copy-v723>span{width:13px}
  .answer-share-copy-v723 b{font-size:9.5px}
  .answer-share-actions-v723{gap:6px}
  .answer-share-btn-v723{min-width:33px!important;height:33px!important;padding:0 7px!important}
  .answer-share-btn-v723.share-line{min-width:44px!important}
}

/* ======================================================================
   v7.29 — Discord / YouTube notification control center
   Quiet editorial admin UI: strong hierarchy, no decorative arrows,
   keyboard-visible controls, and compact responsive status surfaces.
   ====================================================================== */
.notification-admin-hero-v729{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:0 0 20px;padding:28px 30px;border:1px solid #d8dce1;background:#111;color:#fff;overflow:hidden}
.notification-admin-hero-v729::after{content:"";position:absolute;right:-55px;top:-75px;width:220px;height:220px;border:42px solid rgba(255,255,255,.055);border-radius:50%;pointer-events:none}
.notification-admin-hero-v729>div:first-child{position:relative;z-index:1;max-width:700px}.notification-kicker-v729{font-size:8px;letter-spacing:.22em;font-weight:900;color:#7edcf0}.notification-admin-hero-v729 h2{margin:5px 0 8px;font-size:24px;line-height:1.22;letter-spacing:-.035em}.notification-admin-hero-v729 p{margin:0;color:#bdc2c8;font-size:11px;line-height:1.75}.notification-status-cluster-v729{position:relative;z-index:1;display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.notification-status-v729{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:0 10px;border:1px solid #43484f;border-radius:999px;color:#aeb4bb;font-size:9px;font-weight:850;white-space:nowrap}.notification-status-v729::before{content:"";width:6px;height:6px;border-radius:50%;background:#737982}.notification-status-v729.ok{border-color:#476a58;color:#d8f5e4}.notification-status-v729.ok::before{background:#6bd59a;box-shadow:0 0 0 3px rgba(107,213,154,.11)}
.notification-settings-v729{display:grid;gap:12px}.notification-panel-v729{padding:22px;border:1px solid #d8dce1;background:#fff}.notification-panel-head-v729{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;margin-bottom:18px;border-bottom:1px solid #e4e7ea}.notification-panel-head-v729>div>span{display:block;color:#d33c78;font-size:8px;font-weight:950;letter-spacing:.15em}.notification-panel-head-v729 h2{margin:2px 0 4px;font-size:18px;letter-spacing:-.03em}.notification-panel-head-v729 p{margin:0;color:#858d94;font-size:10px}.notification-dot-v729{width:9px;height:9px;border-radius:50%;background:#cbd0d5;box-shadow:0 0 0 5px #f2f4f5;margin-top:5px}.notification-dot-v729.is-on{background:#40bf7b;box-shadow:0 0 0 5px #e9f8ef}.notification-grid-v729{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.notification-grid-v729.two{grid-template-columns:1fr 1.4fr}.notification-grid-v729 label{display:grid;gap:7px;font-size:10px;font-weight:850;color:#525b62}.notification-grid-v729 label>span{display:block}.notification-grid-v729 input{width:100%;min-height:44px;padding:10px 12px;border:1px solid #cbd2d7;border-radius:0;background:#fbfcfc;color:#111;font:inherit;font-weight:650;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.notification-grid-v729 input:focus{border-color:#111;background:#fff;box-shadow:0 0 0 3px rgba(17,17,17,.07)}.notification-grid-v729 small{font-size:8.5px;font-weight:650;color:#959ca2}.notification-inline-meta-v729{display:grid;grid-template-columns:auto minmax(120px,1fr) auto minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:8px 11px;margin-top:15px;padding:12px 14px;background:#f6f8f9;border-left:3px solid #111}.notification-inline-meta-v729 span{font-size:8px;color:#8b9298;font-weight:850}.notification-inline-meta-v729 b{font-size:9px;overflow-wrap:anywhere}
.notification-toggles-v729{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.notification-toggles-v729>label{position:relative;display:flex;align-items:flex-start;gap:11px;min-height:76px;padding:14px;border:1px solid #d9dde0;background:#fafbfb;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .2s ease}.notification-toggles-v729>label:has(input:checked){border-color:#111;background:#fff}.notification-toggles-v729 input{appearance:none;width:18px;height:18px;flex:0 0 18px;margin:1px 0 0;border:1.5px solid #aeb5ba;background:#fff;display:grid;place-items:center}.notification-toggles-v729 input::after{content:"";width:8px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(-1px) rotate(-45deg) scale(0);transition:transform .16s ease}.notification-toggles-v729 input:checked{border-color:#111;background:#111}.notification-toggles-v729 input:checked::after{transform:translateY(-1px) rotate(-45deg) scale(1)}.notification-toggles-v729 input:focus-visible{outline:3px solid rgba(17,17,17,.13);outline-offset:2px}.notification-toggles-v729 span{display:grid;gap:4px}.notification-toggles-v729 b{font-size:11px}.notification-toggles-v729 small{font-size:8.5px;color:#8d949a;line-height:1.5}.notification-savebar-v729{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 20px;margin:0 0 30px;border:1px solid #d8dce1;border-top:0;background:#f3f5f6}.notification-savebar-v729 p{margin:0;font-size:9px;color:#747c82}
.notification-test-v729,.notification-history-v729{margin-top:14px;padding-top:24px;border-top:1px solid #111}.notification-test-head-v729{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.notification-test-head-v729 span{font-size:8px;font-weight:900;letter-spacing:.16em;color:#d33c78}.notification-test-head-v729 h2{font-size:20px;letter-spacing:-.03em;margin:2px 0 0}.notification-test-head-v729 p{margin:0;color:#828a91;font-size:9px}.notification-test-grid-v729{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.notification-test-grid-v729 form{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid #d9dde0;background:#fff}.notification-test-grid-v729 form>div{display:grid;gap:3px;min-width:0}.notification-test-grid-v729 b{font-size:10px}.notification-test-grid-v729 small{font-size:8px;color:#8d949a}.notification-last-v729{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe3e6;border:1px solid #dfe3e6}.notification-last-v729>div{display:grid;gap:4px;padding:13px 15px;background:#fff}.notification-last-v729 span{font-size:8px;color:#8b9298;font-weight:850}.notification-last-v729 b{font-size:9px}.notification-job-list-v729{display:grid;margin-top:9px;border-top:1px solid #e0e4e7}.notification-job-list-v729>div{display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid #e0e4e7}.notification-job-list-v729 b{font-size:9px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-job-list-v729 time{font-size:8px;color:#92999e}.notification-job-list-v729 small{grid-column:2/-1;color:#b24b4b;font-size:8px}.job-state-v729{display:inline-flex;justify-content:center;padding:4px 6px;border-radius:999px;background:#f1f2f3;color:#777f85;font-size:7.5px;font-weight:900}.job-state-v729.sent{background:#e9f8ef;color:#277048}.job-state-v729.pending{background:#fff4db;color:#8a671b}.notification-empty-v729{margin:0;padding:18px 2px;color:#90979d;font-size:9px}
@media(hover:hover) and (pointer:fine){.notification-toggles-v729>label:hover{border-color:#aeb5ba;transform:translateY(-1px)}}
@media(max-width:1100px){.notification-grid-v729{grid-template-columns:1fr}.notification-grid-v729.two{grid-template-columns:1fr 1fr}.notification-toggles-v729{grid-template-columns:1fr 1fr}.notification-test-grid-v729{grid-template-columns:1fr 1fr}.notification-inline-meta-v729{grid-template-columns:auto 1fr auto 1fr}.notification-inline-meta-v729 span:nth-of-type(3),.notification-inline-meta-v729 b:nth-of-type(3){display:none}}
@media(max-width:680px){.notification-admin-hero-v729{align-items:flex-start;flex-direction:column;padding:21px 19px}.notification-admin-hero-v729 h2{font-size:20px}.notification-status-cluster-v729{justify-content:flex-start}.notification-panel-v729{padding:17px 15px}.notification-grid-v729.two{grid-template-columns:1fr}.notification-inline-meta-v729{grid-template-columns:1fr;gap:3px;padding:11px}.notification-inline-meta-v729 span{margin-top:5px}.notification-inline-meta-v729 span:nth-of-type(3),.notification-inline-meta-v729 b:nth-of-type(3){display:block}.notification-toggles-v729,.notification-test-grid-v729,.notification-last-v729{grid-template-columns:1fr}.notification-savebar-v729{align-items:stretch;flex-direction:column}.notification-savebar-v729 .btn{width:100%;justify-content:center}.notification-test-head-v729{align-items:flex-start;flex-direction:column}.notification-test-grid-v729 form{min-height:67px}.notification-job-list-v729>div{grid-template-columns:68px 1fr}.notification-job-list-v729 time{grid-column:2}.notification-job-list-v729 small{grid-column:2}.notification-job-list-v729 b{white-space:normal}.notification-last-v729>div{padding:11px 13px}}

/* v7.43 discord/body-bottom refinement */
.discord-inline-v740{border-bottom:0!important}
.article-follow-v702{margin-top:60px!important;padding-top:0!important;border-top:0!important}

/* v7.44: editorial rail hands off cleanly, before lower panels begin. */
@media(min-width:901px){
 .article-page-v627 .article-sidebar-stack-v681{transition:opacity .20s cubic-bezier(.22,1,.36,1),visibility 0s linear 0s!important;}
 .article-page-v627 .article-sidebar-stack-v681.sidebar-author-fade-v704{pointer-events:none!important;opacity:0!important;visibility:hidden!important;transition:opacity .20s cubic-bezier(.22,1,.36,1),visibility 0s linear .20s!important;}
}


/* v7.56 — keep long (12-19 H2) sticky article TOCs readable on desktop.
   20+ H2 already uses the existing compact text-only internal scroll.
   Mobile's full-list (and optional fold) behavior stays unchanged. */
@media(min-width:901px){
  .article-page-v627 .article-toc-v621.toc-inner-scroll-v756 nav{
    display:block!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    max-height:min(510px,calc(100dvh - 300px))!important;
    overscroll-behavior:contain;
    scrollbar-width:thin!important;
    scrollbar-color:#bac5cb transparent!important;
    padding-right:5px!important;
    scrollbar-gutter:stable;
  }
  .article-page-v627 .article-toc-v621.toc-inner-scroll-v756 nav a{
    margin-bottom:7px!important;
  }
  .article-page-v627 .article-toc-v621.toc-inner-scroll-v756 nav::-webkit-scrollbar{width:5px}
  .article-page-v627 .article-toc-v621.toc-inner-scroll-v756 nav::-webkit-scrollbar-thumb{background:#bac5cb;border-radius:8px}
}


/* v7.57 — Admin manual Discord notification. Keeps public site unchanged. */
.manual-discord-v757{margin:24px 0 36px;padding:26px 28px 22px;border:1px solid #cbd4da;background:#fff;scroll-margin-top:92px}
.manual-discord-heading-v757{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding-bottom:20px;border-bottom:1px solid #dfe5e9}
.manual-discord-kicker-v757{display:block;font-size:10px;font-weight:850;color:#3b6972;letter-spacing:.06em}
.manual-discord-heading-v757 h2{font-size:25px;line-height:1.4;letter-spacing:-.05em;margin:4px 0 7px}
.manual-discord-heading-v757 p{font-size:12px;line-height:1.8;color:#647079;margin:0}
.manual-discord-state-v757{font-size:10px;white-space:nowrap;border:1px solid #d1dce1;padding:9px 13px;color:#41505a}
.manual-discord-layout-v757{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;padding-top:23px}
.manual-discord-form-v757{display:flex;flex-direction:column;min-width:0}
.manual-discord-form-v757>label{display:block;margin-bottom:8px;font-size:13px;font-weight:850;color:#1c2429}
.manual-discord-form-v757>label>span{margin-left:6px;font-size:10px;font-weight:600;color:#717f87}
.manual-discord-form-v757 select,.manual-discord-form-v757 textarea,.manual-discord-form-v757>input[type=url]{box-sizing:border-box;display:block;width:100%;min-width:0;min-height:46px;padding:12px 13px;border:1px solid #b8c5cc;border-radius:3px;background:#fff;color:#161c20;font:inherit;font-size:14px;line-height:1.7;outline:none}
.manual-discord-form-v757 textarea{resize:vertical;min-height:118px}
.manual-discord-form-v757 :is(select,textarea,input):focus-visible{border-color:#171b1e;outline:3px solid #cfeef0;outline-offset:1px}
.manual-discord-form-v757 ::placeholder{color:#99a3ab;opacity:1}
.manual-discord-help-v757{font-size:11px;line-height:1.7;color:#76818a;margin:7px 0 20px}
.manual-discord-help-v757.is-warning{color:#b14343;font-weight:700}
.manual-discord-options-v757{margin:16px 0 21px}
.manual-discord-options-v757 label{display:flex;align-items:flex-start;gap:11px;font-size:12px;font-weight:750;cursor:pointer}
.manual-discord-options-v757 input{width:17px;height:17px;accent-color:#111;margin-top:2px}
.manual-discord-options-v757 span{display:grid;gap:4px}
.manual-discord-options-v757 small{font-size:10px;color:#7d8790;font-weight:500}
.manual-discord-send-v757{min-height:53px;border:1px solid #101719;background:#101719;color:#fff;font-size:14px;font-weight:850;box-shadow:4px 4px 0 #57d1dd;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s}
.manual-discord-send-v757:not(:disabled):hover{transform:translateY(-2px);box-shadow:4px 6px 0 #57d1dd}
.manual-discord-send-v757:focus-visible{outline:3px solid #84dbe6;outline-offset:4px}
.manual-discord-send-v757:disabled{opacity:.65;cursor:progress}
.manual-discord-privacy-v757{color:#77838b;font-size:10px;line-height:1.75;margin:14px 0 0}
.manual-discord-preview-v757{min-width:0;padding:20px;background:#f3f6f7;border:1px solid #e0e6e9;align-self:start}
.manual-discord-preview-label-v757{font-size:10px;font-weight:900;letter-spacing:.09em;color:#646e76}
.manual-discord-preview-card-v757{margin:14px 0;padding:20px 18px;background:#fff;border:1px solid #d4dde2;border-left:4px solid #111;min-height:160px}
.manual-discord-preview-card-v757 b{display:block;font-size:12px;line-height:1.55;color:#343c42}
.manual-discord-preview-card-v757 p{margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;color:#151b1e}
.manual-discord-preview-card-v757 span{display:block;font-size:11px;line-height:1.6;color:#426f88;overflow-wrap:anywhere}
.manual-discord-preview-v757>p{font-size:10px;line-height:1.85;color:#7a858e;margin:0}
.manual-discord-history-v757{border-top:1px solid #e0e6ea;margin-top:30px;padding-top:18px}
.manual-discord-history-v757 h3{font-size:13px;margin:0 0 9px}
.manual-discord-history-item-v757{display:grid;grid-template-columns:88px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid #edf0f1;padding:12px 0;font-size:11px}
.manual-discord-history-item-v757 b{font-weight:650;min-width:0;overflow-wrap:anywhere}
.manual-discord-history-item-v757 time{font-size:10px;color:#7b858d}
.manual-discord-history-item-v757 small{grid-column:2/-1;font-size:10px;color:#b04c4c}
.manual-discord-history-status-v757{font-size:10px;font-weight:800;color:#3d7356}
.manual-discord-history-status-v757.failed{color:#b04c4c}
.manual-discord-history-status-v757.sending{color:#846c39}
.manual-discord-history-empty-v757{font-size:11px;color:#8c969e}
@media(max-width:1000px){.manual-discord-layout-v757{grid-template-columns:1fr;gap:22px}.manual-discord-preview-v757{order:-1}.manual-discord-heading-v757{flex-wrap:wrap}}
@media(max-width:600px){.manual-discord-v757{padding:18px 15px}.manual-discord-heading-v757 h2{font-size:21px}.manual-discord-state-v757{display:none}.manual-discord-preview-v757{padding:13px}.manual-discord-history-item-v757{grid-template-columns:1fr;gap:5px}.manual-discord-history-item-v757 small{grid-column:1}.manual-discord-form-v757>label{font-size:12px}}
@media(prefers-reduced-motion:reduce){.manual-discord-send-v757{transition:none}}


/* v7.60 — desktop article TOCs with 6–19 H2s: show about five actual
   entries then scroll inside the list. Keep the existing card language,
   sticky/fade hand-off, and the Google-source CTA below the TOC. */
@media (min-width:901px){
  .article-page-v627 .article-toc-v621.toc-inner-scroll-v756 nav,
  .article-page-v627 .article-toc-v621.toc-text-only-v693 nav{
    max-height:min(var(--toc-five-rows-v760, 390px),calc(100dvh - 330px))!important;
    min-height:0!important;
    overflow-y:auto!important;
    overscroll-behavior-y:contain!important;
  }
}

/* v7.61: YouTube announcements share the existing editorial news rhythm. */
.home-update-row-v709.update-kind-youtube_video,.updates-archive-row-v709.update-kind-youtube_video{--update-accent:#ff477c}
.home-update-row-v709.update-kind-youtube_live,.updates-archive-row-v709.update-kind-youtube_live{--update-accent:#50cfe9}


/* v7.62 — coherent, distinct accent per update source (including custom notices). */
.home-update-row-v709.update-kind-article,.updates-archive-row-v709.update-kind-article{--update-accent:#32cee8}
.home-update-row-v709.update-kind-answer,.updates-archive-row-v709.update-kind-answer{--update-accent:#f75a9b}
.home-update-row-v709.update-kind-article_update,.updates-archive-row-v709.update-kind-article_update{--update-accent:#b9dc36}
.home-update-row-v709.update-kind-notice,.updates-archive-row-v709.update-kind-notice{--update-accent:#f7a93c}
.home-update-row-v709.update-kind-site_update,.updates-archive-row-v709.update-kind-site_update{--update-accent:#a68aff}
.home-update-row-v709.update-kind-youtube_video,.updates-archive-row-v709.update-kind-youtube_video{--update-accent:#f45d5a}
.home-update-row-v709.update-kind-youtube_live,.updates-archive-row-v709.update-kind-youtube_live{--update-accent:#27c59b}
/* Archive navigation: actual anchors, independent from JavaScript category filtering. */
.archive-pagination-v762{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:38px auto 0;max-width:720px}
.archive-pagination-v762>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid #111;background:#fff;color:#111;font-size:12px;font-weight:850;transition:background .2s,border-color .2s}
.archive-pagination-v762>a:first-child{justify-self:start}.archive-pagination-v762>a:last-child{justify-self:end}
.archive-pagination-v762>a:hover,.archive-pagination-v762>a:focus-visible{background:#f1f5f7;border-color:#25bdd7}
.archive-pagination-current-v762{font-size:12px;color:#666f75;font-weight:800;font-variant-numeric:tabular-nums}
/* Direct hash navigation must not hide the section heading behind fixed navigation. */
#sns,#contact{scroll-margin-top:clamp(80px,9vh,112px)}
@media(max-width:620px){.archive-pagination-v762{gap:8px;margin-top:28px}.archive-pagination-v762>a{padding:9px 11px;font-size:11px}#sns,#contact{scroll-margin-top:78px}}


/* ======================================================================
   v7.64 — article title typography, desktop two-line safeguard
   The legacy long-title rules allowed a 49px title inside a 1060px column,
   turning mixed Japanese/English headlines into three dense lines.
   Use a calmer CSS default; the title measurer in site.js only reduces the
   size further when the actual rendered font still exceeds two lines.
   All article titles remain full semantic H1 text without truncation.
   ====================================================================== */
@media (min-width:901px){
  .article-page-v627 .article-title-stage-v621 h1.article-title-long-v693{
    font-size:clamp(34px,3vw,42px)!important;
    line-height:1.14!important;
    letter-spacing:-.052em!important;
  }
  .article-page-v627 .article-title-stage-v621 h1.article-title-xlong-v693{
    font-size:clamp(29px,2.55vw,37px)!important;
    line-height:1.15!important;
    letter-spacing:-.048em!important;
  }
}