/*
Theme Name: The Indian Tech Responsive Astra Child
Theme URI: https://theindiantech.in/
Description: Lightweight responsive 3D/Glassmorphism child theme for The Indian Tech.
Author: The Indian Tech
Template: astra
Version: 4.0.0
Text Domain: theindiantech-3d
*/
:root{--tit-primary:#ff5722;--tit-primary-dark:#d84315;--tit-navy:#0b1120;--tit-ink:#111827;--tit-muted:#667085;--tit-bg:#f4f7fb;--tit-surface:#fff;--tit-line:#e3e8ef;--tit-container:1240px;--tit-shadow:0 14px 35px rgba(15,23,42,.08),0 2px 7px rgba(15,23,42,.05);--tit-shadow-hover:0 24px 55px rgba(15,23,42,.14),0 7px 18px rgba(15,23,42,.07);--tit-ease:cubic-bezier(.2,.75,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.tit3d-enabled{margin:0;background:var(--tit-bg);color:var(--tit-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body.tit3d-enabled a{color:inherit}.tit-wrap{width:min(calc(100% - 36px),var(--tit-container));margin-inline:auto}.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;clip-path:inset(50%)!important;height:1px!important;width:1px!important;overflow:hidden!important;white-space:nowrap!important}.tit-skip{position:fixed;left:12px;top:-80px;z-index:9999;background:#fff;color:#111;padding:10px 14px;border-radius:10px}.tit-skip:focus{top:12px}
/* Header + real WordPress menu */
.tit-header{position:relative;z-index:1000;background:rgba(255,255,255,.97);border-bottom:1px solid var(--tit-line);box-shadow:0 5px 25px rgba(15,23,42,.05);backdrop-filter:blur(16px)}.tit-header__inner{min-height:76px;display:flex;align-items:center;gap:18px;position:relative}.tit-brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:-.035em;white-space:nowrap;flex:0 0 auto}.tit-brand__mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#ff7043,#ff5722);color:#fff;box-shadow:6px 6px 13px rgba(216,67,21,.22),-3px -3px 9px rgba(255,255,255,.85);font-size:1.15rem}.tit-brand__text{font-size:1.08rem}.tit-brand__text b,.tit-footer-brand b{color:var(--tit-primary)}.tit-brand .custom-logo{display:block;max-height:42px;width:auto}.tit-nav{margin-left:auto;min-width:0}.tit-nav .tit-menu{display:flex;align-items:center;gap:3px;margin:0;padding:0;list-style:none}.tit-nav .menu-item{list-style:none;position:relative}.tit-nav .menu-item>a{display:flex;align-items:center;gap:5px;padding:11px 10px;border-radius:10px;text-decoration:none;font-weight:750;font-size:.86rem;white-space:nowrap}.tit-nav .menu-item>a:hover,.tit-nav .menu-item>a:focus-visible,.tit-nav .menu-item>a.is-home{background:#fff2ed;color:var(--tit-primary-dark)}.tit-nav .menu-item-has-children>a:after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.65}.tit-nav .sub-menu{display:none;position:absolute;left:0;top:calc(100% + 6px);min-width:210px;margin:0;padding:7px;background:#fff;border:1px solid var(--tit-line);border-radius:14px;box-shadow:var(--tit-shadow-hover);list-style:none}.tit-nav .menu-item-has-children:hover>.sub-menu,.tit-nav .menu-item-has-children:focus-within>.sub-menu{display:block}.tit-nav .sub-menu .menu-item>a{font-size:.81rem;padding:10px 11px}.tit-nav .sub-menu .sub-menu{left:calc(100% + 6px);top:-7px}.tit-menu-toggle{display:none;width:42px;height:42px;border:1px solid var(--tit-line);border-radius:12px;background:#fff;box-shadow:var(--tit-shadow);cursor:pointer;padding:0}.tit-menu-toggle span{display:block;width:18px;height:2px;background:#111827;margin:3px auto;border-radius:10px}.tit-search-toggle{width:42px;height:42px;border:1px solid var(--tit-line);border-radius:13px;background:#fff;box-shadow:var(--tit-shadow);font-size:1.35rem;cursor:pointer;flex:0 0 auto}.tit-search-toggle:hover,.tit-menu-toggle:hover{transform:translateY(-2px)}
.tit-trending{border-top:1px solid #edf0f4;background:#fafbfd}.tit-trending__inner{height:38px;display:flex;align-items:center;gap:13px;overflow:hidden}.tit-trending strong{color:var(--tit-primary);font-size:.73rem;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap}.tit-trending__items{display:flex;gap:18px;overflow:auto;scrollbar-width:none}.tit-trending__items::-webkit-scrollbar{display:none}.tit-trending__items a{font-size:.75rem;font-weight:700;text-decoration:none;white-space:nowrap;color:#4b5563}.tit-trending__items a:hover{color:var(--tit-primary)}.tit-searchbar{display:none;padding:12px 0;background:#fff;border-top:1px solid var(--tit-line)}.tit-searchbar.is-open{display:block}.tit-searchbar form,.tit-search-inline form{display:flex;gap:8px}.tit-searchbar input,.tit-search-inline input{flex:1;min-width:0;border:1px solid #dbe2ea;border-radius:13px;padding:13px 15px;background:#f8fafc;box-shadow:inset 1px 1px 3px rgba(15,23,42,.04)}.tit-searchbar button,.tit-search-inline button{border:0;border-radius:13px;padding:0 20px;background:var(--tit-navy);color:#fff;font-weight:800;cursor:pointer}
/* Hero */
.tit-hero{padding:30px 0 18px}.tit-hero__grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,.85fr);gap:20px;align-items:stretch}.tit-feature{position:relative;min-height:500px;overflow:hidden;border-radius:26px;background:#0b1120;box-shadow:var(--tit-shadow);isolation:isolate}.tit-feature__media{position:absolute;inset:0;z-index:-2}.tit-feature__media img,.tit-feature__media .tit-placeholder{width:100%;height:100%;object-fit:cover}.tit-feature:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(5,10,22,.94));z-index:-1}.tit-feature__content{position:absolute;left:30px;right:30px;bottom:28px;color:#fff;max-width:760px}.tit-feature__content h1{font-size:clamp(2rem,4vw,3.45rem);line-height:1.04;letter-spacing:-.045em;margin:9px 0 12px}.tit-feature__content h1 a{text-decoration:none}.tit-feature__content p{margin:0 0 14px;color:#e5e7eb;max-width:700px;line-height:1.65}.tit-kicker{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--tit-primary)}.tit-feature .tit-kicker{color:#ffab91}.tit-meta{display:flex;flex-wrap:wrap;gap:13px;color:var(--tit-muted);font-size:.76rem;font-weight:650}.tit-feature .tit-meta{color:#d1d5db}.tit-btn{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:11px 15px;border-radius:12px;background:var(--tit-primary);color:#fff!important;text-decoration:none;font-weight:850;box-shadow:0 9px 22px rgba(255,87,34,.28)}.tit-side-feature{display:grid;gap:14px;align-content:start}.tit-mini-card{display:grid;grid-template-columns:120px minmax(0,1fr);gap:13px;align-items:center;padding:12px;background:rgba(255,255,255,.86);border:1px solid var(--tit-line);border-radius:18px;box-shadow:var(--tit-shadow);transition:transform .25s var(--tit-ease),box-shadow .25s var(--tit-ease)}.tit-mini-card:hover{transform:translateY(-4px) rotateX(1deg);box-shadow:var(--tit-shadow-hover)}.tit-mini-card__image{display:block;aspect-ratio:16/10;border-radius:12px;overflow:hidden;background:#e8edf4}.tit-mini-card__image img,.tit-mini-card__image .tit-placeholder{width:100%;height:100%;object-fit:cover}.tit-mini-card h3{margin:5px 0;font-size:.96rem;line-height:1.28}.tit-mini-card h3 a{text-decoration:none}.tit-hero-topics{display:flex;gap:9px;align-items:center;overflow:auto;padding:15px 3px 3px;scrollbar-width:none}.tit-hero-topics::-webkit-scrollbar{display:none}.tit-hero-topics>span{font-size:.74rem;font-weight:800;color:var(--tit-muted);white-space:nowrap}.tit-hero-topics a{padding:7px 10px;border:1px solid var(--tit-line);border-radius:999px;background:#fff;text-decoration:none;font-size:.74rem;font-weight:750;white-space:nowrap;box-shadow:0 4px 12px rgba(15,23,42,.04)}
/* Sections / cards */
.tit-section{padding:44px 0}.tit-section--soft{background:linear-gradient(180deg,transparent,rgba(255,255,255,.7),transparent)}.tit-section--tight{padding-top:25px}.tit-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.tit-section-head h2{margin:5px 0 0;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.12;letter-spacing:-.04em}.tit-section-head>a{font-size:.82rem;font-weight:850;color:var(--tit-primary-dark);text-decoration:none;white-space:nowrap}.tit-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.tit-main{min-width:0}.tit-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.tit-card-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.tit-card{background:rgba(255,255,255,.93);border:1px solid var(--tit-line);border-radius:20px;overflow:hidden;box-shadow:var(--tit-shadow);transition:transform .28s var(--tit-ease),box-shadow .28s var(--tit-ease),border-color .28s var(--tit-ease);display:flex;flex-direction:column;min-width:0;height:100%}.tit-card:hover{transform:translateY(-6px) perspective(700px) rotateX(.7deg);box-shadow:var(--tit-shadow-hover);border-color:#d2dbe6}.tit-card__media{display:block;aspect-ratio:16/9;background:#e8edf4;overflow:hidden}.tit-card__media img,.tit-card__media .tit-placeholder{width:100%;height:100%;object-fit:cover;display:block}.tit-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#e9eef5,#f8fafc);color:#9aa5b5;font-size:.6rem;letter-spacing:.12em;font-weight:900}.tit-card__body{padding:15px;display:flex;flex:1;flex-direction:column}.tit-card__topline{display:flex;align-items:center;gap:9px;min-width:0}.tit-pill{display:inline-flex;align-items:center;width:max-content;max-width:100%;border-radius:999px;padding:5px 9px;background:#fff1eb;color:var(--tit-primary-dark);font-size:.68rem;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tit-dot-meta{font-size:.7rem;color:var(--tit-muted);white-space:nowrap}.tit-card h3{margin:8px 0;font-size:1.04rem;line-height:1.3;letter-spacing:-.025em}.tit-card h3 a{text-decoration:none}.tit-card p{margin:0 0 12px;color:var(--tit-muted);font-size:.83rem;line-height:1.55}.tit-card__meta{margin-top:auto;justify-content:space-between;align-items:center}.tit-readmore{font-size:.76rem;color:var(--tit-primary-dark)!important;font-weight:900;text-decoration:none}.tit-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tit-category{position:relative;padding:18px 18px 17px 50px;background:linear-gradient(145deg,#fff,#eef3f8);border:1px solid var(--tit-line);border-radius:18px;text-decoration:none;box-shadow:8px 8px 20px rgba(15,23,42,.055),-5px -5px 14px rgba(255,255,255,.9)}.tit-category__icon{position:absolute;left:17px;top:18px;width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:var(--tit-primary);color:#fff;font-weight:900}.tit-category strong{display:block;font-size:.95rem;margin-bottom:3px}.tit-category>span:last-child{font-size:.75rem;color:var(--tit-muted)}
/* Sidebar: never reserve an empty/hidden-height block */
.tit-sidebar{display:grid;gap:16px;position:sticky;top:94px;align-self:start;height:max-content;min-height:0}.tit-widget{background:rgba(255,255,255,.93);border:1px solid var(--tit-line);border-radius:19px;padding:16px;box-shadow:var(--tit-shadow);height:max-content;min-height:0}.tit-widget:empty{display:none}.tit-widget h2{margin:0 0 13px;font-size:1rem}.tit-widget__head{display:flex;justify-content:space-between;align-items:center;gap:10px}.tit-widget__head span{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--tit-primary);font-weight:900;white-space:nowrap}.tit-widget__list{list-style:none;margin:0;padding:0;display:grid;gap:13px}.tit-widget__list li{display:grid;grid-template-columns:24px 58px minmax(0,1fr);gap:9px;align-items:start}.tit-rank{font-size:.8rem;font-weight:900;color:#a0a9b7;padding-top:3px}.tit-widget__thumb{display:block;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#e8edf4}.tit-widget__thumb img,.tit-widget__thumb .tit-placeholder{width:100%;height:100%;object-fit:cover}.tit-widget__list a:not(.tit-widget__thumb){font-size:.77rem;line-height:1.35;text-decoration:none;font-weight:780;display:block}.tit-widget__list small{display:block;color:var(--tit-muted);font-size:.64rem;margin-top:3px}.tit-topic-links{display:flex;flex-wrap:wrap;gap:7px}.tit-topic-links a{display:flex;gap:6px;align-items:center;padding:7px 9px;border-radius:999px;background:#f6f8fb;border:1px solid #e5eaf0;text-decoration:none;font-size:.7rem;font-weight:750}.tit-topic-links span{color:var(--tit-muted);font-size:.62rem}.tit-widget--search form{display:flex;gap:7px}.tit-widget--search input{min-width:0;width:100%;border:1px solid #dce3eb;border-radius:10px;padding:10px;background:#f8fafc}.tit-widget--search button{border:0;border-radius:10px;background:var(--tit-navy);color:#fff;padding:0 11px;font-weight:800}
/* Article */
.tit-section--article{padding-top:34px}.tit-article-shell{max-width:1040px;margin:0 auto}.tit-article{background:#fff;border:1px solid var(--tit-line);border-radius:24px;box-shadow:var(--tit-shadow);overflow:hidden}.tit-article__header{padding:29px 36px 0}.tit-breadcrumb{font-size:.72rem;color:var(--tit-muted);white-space:nowrap;overflow:auto}.tit-breadcrumb a{text-decoration:none;font-weight:750}.tit-article-cat{margin-top:17px}.tit-article h1{font-size:clamp(2.15rem,4.5vw,3.8rem);line-height:1.03;letter-spacing:-.055em;margin:10px 0 13px;max-width:940px}.tit-dek{font-size:1.03rem;color:var(--tit-muted);line-height:1.7;max-width:850px;margin:0}.tit-article-meta{margin-top:14px}.tit-article__hero{margin:25px -36px 0;aspect-ratio:16/9;background:#e8edf4;overflow:hidden}.tit-article__hero img{width:100%;height:100%;object-fit:cover;display:block}.tit-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:28px;padding:28px 36px 0;align-items:start}.tit-article__body{min-width:0;font-size:1.05rem;line-height:1.82}.tit-content-readable>p:first-child{margin-top:0}.tit-article__body img,.tit-article__body video,.tit-article__body iframe{max-width:100%;height:auto}.tit-article__body h2,.tit-article__body h3{scroll-margin-top:100px;letter-spacing:-.025em;line-height:1.25}.tit-article__body h2{font-size:1.7rem;margin-top:30px}.tit-article__body h3{font-size:1.3rem;margin-top:24px}.tit-article__body blockquote{margin:24px 0;padding:16px 18px;border-left:4px solid var(--tit-primary);background:#fff7f3;border-radius:0 14px 14px 0}.tit-toc{position:sticky;top:92px;align-self:start}.tit-toc__inner{border:1px solid var(--tit-line);border-radius:17px;background:linear-gradient(145deg,#fff,#f2f5f9);padding:14px;box-shadow:var(--tit-shadow)}.tit-toc__head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:8px}.tit-toc__head h2{font-size:.92rem;margin:0}.tit-toc__head span{font-size:.62rem;text-transform:uppercase;color:var(--tit-primary);font-weight:900}.tit-toc nav{display:grid;gap:5px}.tit-toc nav a{display:block;padding:7px 8px;border-radius:8px;text-decoration:none;font-size:.76rem;line-height:1.35}.tit-toc nav a:hover{background:#fff2ed;color:var(--tit-primary-dark)}.tit-toc nav a.is-sub{padding-left:17px;font-size:.72rem}.tit-toc__fallback{font-size:.7rem;color:var(--tit-muted);margin:10px 0 0}.tit-toc:not(.has-items) .tit-toc__fallback{display:block}.tit-toc.has-items .tit-toc__fallback{display:none}.tit-hidden-rank-breadcrumbs{position:absolute;left:-99999px;top:auto;width:1px;height:1px;overflow:hidden}.tit-author{display:flex;gap:14px;align-items:center;margin:25px 36px 0;padding:15px;border-radius:17px;background:linear-gradient(145deg,#fff,#edf2f8);border:1px solid var(--tit-line);box-shadow:8px 8px 20px rgba(15,23,42,.05),-6px -6px 15px rgba(255,255,255,.9)}.tit-author__avatar{width:62px;height:62px;border-radius:50%;overflow:hidden;background:#e7edf5;flex:none}.tit-author__avatar img{width:100%;height:100%;object-fit:cover}.tit-author strong{display:block;font-size:1rem}.tit-author p{margin:3px 0 0;color:var(--tit-muted);font-size:.82rem}.tit-related{padding:28px 36px 30px}.tit-related .tit-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tit-post-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 36px 34px}.tit-post-nav>div{min-width:0;padding:14px;border:1px solid var(--tit-line);border-radius:14px;background:#f8fafc}.tit-post-nav a{text-decoration:none;font-weight:750;font-size:.82rem;line-height:1.4}.tit-page{background:#fff;border:1px solid var(--tit-line);border-radius:24px;box-shadow:var(--tit-shadow);padding:32px}.tit-page h1{font-size:clamp(2rem,4vw,3rem);margin:0 0 20px}.tit-page__body{font-size:1.06rem;line-height:1.8;max-width:820px}.tit-page__body img{max-width:100%;height:auto}
/* Archives / search */
.tit-page-head{padding:35px 0 17px}.tit-page-head h1{font-size:clamp(1.9rem,4vw,2.8rem);letter-spacing:-.045em;margin:5px 0 7px}.tit-muted{color:var(--tit-muted);line-height:1.65}.tit-search-inline{max-width:760px;margin-top:18px}.tit-result-count{font-size:.78rem;color:var(--tit-muted);margin-bottom:13px}.tit-pagination{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:28px 0}.tit-pagination .page-numbers{min-width:40px;height:40px;display:grid;place-items:center;padding:0 9px;border-radius:11px;background:#fff;border:1px solid var(--tit-line);text-decoration:none;box-shadow:var(--tit-shadow);font-weight:800}.tit-pagination .current{background:var(--tit-navy);color:#fff}.tit-empty{text-align:center;padding:50px 20px;background:#fff;border:1px solid var(--tit-line);border-radius:20px;box-shadow:var(--tit-shadow)}.tit-empty h1,.tit-empty h2{margin-top:0}.tit-empty form{max-width:500px;margin:18px auto;display:flex;gap:7px}.tit-empty input{flex:1;min-width:0;padding:12px;border:1px solid var(--tit-line);border-radius:10px}.tit-empty button{border:0;border-radius:10px;background:var(--tit-navy);color:#fff;padding:0 14px;font-weight:800}.tit-empty .tit-btn{margin-top:5px}
/* TablePress */
.tit-table-wrap{margin:24px 0;overflow-x:auto;padding:2px}.tablepress.tit-3d-table,.tablepress{border-collapse:separate!important;border-spacing:0!important;overflow:hidden!important;background:#fff!important;border:1px solid var(--tit-line)!important;border-radius:16px!important;box-shadow:var(--tit-shadow)!important}.tablepress.tit-3d-table thead th,.tablepress thead th{background:linear-gradient(145deg,#0b1120,#17233b)!important;color:#fff!important;border:0!important;padding:13px 14px!important;font-weight:800!important}.tablepress.tit-3d-table tbody td,.tablepress tbody td{padding:12px 14px!important;border-color:#e7ecf2!important;background:#fff!important}.tablepress.tit-3d-table tbody tr:nth-child(even) td,.tablepress tbody tr:nth-child(even) td{background:#f7f9fc!important}.tablepress.tit-3d-table tbody tr:hover td,.tablepress tbody tr:hover td{background:#fff2ed!important}
/* Footer */
.tit-footer{margin-top:55px;background:#0b1120;color:#d7deea;padding:45px 0 18px}.tit-footer__grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1fr;gap:28px}.tit-footer-brand{color:#fff;display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:900}.tit-footer h2{color:#fff;margin:0 0 12px;font-size:1rem}.tit-footer p{max-width:420px;line-height:1.7;color:#aeb8c7;font-size:.84rem}.tit-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.tit-footer a{color:#d7deea;text-decoration:none;font-size:.82rem}.tit-footer a:hover{color:#ffab91}.tit-footer__bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:16px;font-size:.76rem;color:#98a2b3;display:flex;justify-content:space-between;gap:10px}.tit-top{position:fixed;right:18px;bottom:18px;width:44px;height:44px;border-radius:14px;border:1px solid var(--tit-line);background:#fff;box-shadow:var(--tit-shadow);cursor:pointer;display:none;z-index:900;font-size:1.1rem}.tit-top.is-visible{display:grid;place-items:center}
/* Astra compatibility/reset: this theme owns the page shell, so Astra sidebar containers must not create blank columns. */
#primary,.tit-app-shell{width:100%;max-width:none;padding:0;margin:0}.site-content,.content-area,.widget-area,.ast-container,.site-main{max-width:none}.site-content .ast-container,.ast-container{padding-left:0;padding-right:0}.widget-area{display:none!important}.tit-app-shell .entry-content{margin:0}
@media(max-width:1120px){.tit-nav .menu-item>a{padding-inline:7px;font-size:.8rem}.tit-hero__grid{grid-template-columns:minmax(0,1.45fr) minmax(290px,.85fr)}.tit-card-grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}.tit-footer__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.tit-wrap{width:min(calc(100% - 26px),var(--tit-container))}.tit-menu-toggle{display:block}.tit-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + 1px);margin:0;padding:9px;background:#fff;border:1px solid var(--tit-line);border-radius:0 0 18px 18px;box-shadow:var(--tit-shadow-hover);max-height:calc(100vh - 120px);overflow:auto}.tit-nav.is-open{display:block}.tit-nav .tit-menu{display:flex;flex-direction:column;align-items:stretch;gap:2px}.tit-nav .menu-item>a{padding:12px 13px;font-size:.86rem}.tit-nav .menu-item-has-children>a{padding-right:45px}.tit-nav .menu-item-has-children>.tit-submenu-toggle{display:grid;place-items:center;position:absolute;right:7px;top:7px;width:38px;height:38px;border:0;border-radius:10px;background:#f7f9fc;color:#4b5563;cursor:pointer}.tit-nav .menu-item-has-children>.tit-submenu-toggle:before{content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}.tit-nav .menu-item-has-children.is-submenu-open>.tit-submenu-toggle:before{transform:rotate(225deg) translate(-1px,-1px)}.tit-nav .sub-menu,.tit-nav .sub-menu .sub-menu{position:static;min-width:0;padding:0 0 0 10px;margin:0;background:#f8fafc;border:0;border-radius:12px;box-shadow:none}.tit-nav .menu-item-has-children:hover>.sub-menu,.tit-nav .menu-item-has-children:focus-within>.sub-menu{display:none}.tit-nav .menu-item-has-children.is-submenu-open>.sub-menu{display:block}.tit-nav .sub-menu .menu-item>a{font-size:.8rem;padding:10px 12px}.tit-brand{margin-right:auto}.tit-hero__grid{grid-template-columns:1fr}.tit-feature{min-height:500px}.tit-content-layout{grid-template-columns:1fr}.tit-sidebar{position:static}.tit-article-layout{grid-template-columns:1fr}.tit-toc{position:static;order:-1}.tit-toc.has-items{max-height:380px;overflow:auto}.tit-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tit-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:901px){.tit-nav .menu-item-has-children>.tit-submenu-toggle{display:none}}
@media(max-width:600px){.tit-wrap{width:calc(100% - 20px)}.tit-header__inner{min-height:64px;gap:8px}.tit-brand__text{font-size:.96rem}.tit-brand__mark{width:34px;height:34px}.tit-search-toggle,.tit-menu-toggle{width:40px;height:40px}.tit-trending__inner{height:35px}.tit-trending__items{gap:13px}.tit-searchbar form{display:grid;grid-template-columns:1fr auto}.tit-hero{padding-top:20px}.tit-feature{min-height:455px;border-radius:21px}.tit-feature__content{left:18px;right:18px;bottom:18px}.tit-feature__content h1{font-size:1.85rem}.tit-side-feature{gap:10px}.tit-mini-card{grid-template-columns:96px minmax(0,1fr);padding:9px}.tit-mini-card h3{font-size:.9rem}.tit-section{padding:34px 0}.tit-section-head{align-items:flex-start}.tit-card-grid,.tit-card-grid--4,.tit-related .tit-card-grid{grid-template-columns:1fr}.tit-category-grid{grid-template-columns:1fr 1fr}.tit-card__body{padding:14px}.tit-card h3{font-size:1rem}.tit-sidebar{gap:12px}.tit-article{border-radius:18px}.tit-article__header{padding:21px 17px 0}.tit-article h1{font-size:2rem}.tit-dek{font-size:.96rem}.tit-article-layout{padding:22px 17px 0}.tit-article__body{font-size:1rem;line-height:1.78}.tit-article__body h2{font-size:1.45rem}.tit-author{margin:23px 17px 0;padding:14px}.tit-related{padding:24px 17px 27px}.tit-post-nav{grid-template-columns:1fr;padding:0 17px 27px}.tit-page{padding:22px 17px;border-radius:18px}.tit-footer__grid{grid-template-columns:1fr}.tit-footer__bottom{flex-direction:column}.tit-empty form{display:grid;grid-template-columns:1fr auto}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* v4 responsive polish: content-first spacing, fluid cards and reliable layout */
:root {
  --tit-container: 1280px;
  --tit-reading-width: 74ch;
  --tit-body-size: 1.08rem;
}
html { scroll-padding-top: 24px; }
body.tit3d-enabled { min-width: 320px; overflow-x: clip; }
.tit-wrap { width: min(calc(100% - 40px), var(--tit-container)); }
.tit-app-shell { display: block; min-height: 45vh; width: 100%; }
.tit-header { width: 100%; }
.tit-header__inner { min-height: 74px; gap: clamp(10px, 1.5vw, 20px); }
.tit-brand { min-width: 0; }
.tit-brand .custom-logo-link { display: inline-flex; align-items: center; }
.tit-brand .custom-logo { width: auto; max-width: min(230px, 22vw); max-height: 46px; object-fit: contain; }
.tit-nav { flex: 1 1 auto; }
.tit-nav .tit-menu { justify-content: flex-end; }
.tit-nav .menu-item > a { min-height: 42px; }
.tit-nav .sub-menu { z-index: 20; }
.tit-trending__items { min-width: 0; }
.tit-trending__items a { flex: 0 0 auto; }
.tit-searchbar form { max-width: 900px; margin-inline: auto; }
.tit-searchbar input:focus,
.tit-hero-search input:focus,
.tit-widget--search input:focus,
.tit-search-inline input:focus { outline: 3px solid rgba(255,87,34,.17); border-color: var(--tit-primary); }

.tit-reading-progress { position: fixed; inset: 0 0 auto; z-index: 1200; height: 3px; background: transparent; pointer-events: none; }
.tit-reading-progress span { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #ff5722, #ff9a65); transition: width .08s linear; }

.tit-hero { padding: clamp(18px, 2.5vw, 30px) 0 14px; }
.tit-hero__grid { grid-template-columns: minmax(0, 1.6fr) minmax(290px, .9fr); gap: clamp(14px, 1.7vw, 22px); }
.tit-hero__grid.is-single { grid-template-columns: minmax(0, 1fr); }
.tit-feature { min-height: clamp(350px, 38vw, 470px); }
.tit-feature__media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tit-feature__content { max-width: 760px; }
.tit-feature__content h1 { max-width: 18ch; text-wrap: balance; }
.tit-feature__content p { max-width: 62ch; }
.tit-placeholder { display: flex; align-items: center; justify-content: center; gap: 12px; background: radial-gradient(circle at 72% 22%, rgba(255,117,75,.34), transparent 32%), linear-gradient(135deg, #111b30, #253d61); color: rgba(255,255,255,.82); font-size: .8rem; font-weight: 900; letter-spacing: .13em; }
.tit-placeholder__mark { display: grid; place-items: center; width: 42px; height: 42px; border-radius: 13px; background: var(--tit-primary); color: #fff; font-size: 1.25rem; letter-spacing: 0; box-shadow: 0 8px 24px rgba(255,87,34,.24); }
.tit-mini-card__image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tit-mini-card__image .tit-placeholder { min-height: 78px; font-size: .48rem; }
.tit-hero-topics { flex-wrap: nowrap; }
.tit-hero-topics > span { flex: 0 0 auto; }
.tit-hero-search { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-top: 14px; padding: 14px 16px; border: 1px solid var(--tit-line); border-radius: 17px; background: linear-gradient(110deg, #fff, #f5f8fc); box-shadow: 0 8px 22px rgba(15,23,42,.045); }
.tit-hero-search > span { color: var(--tit-ink); font-size: .88rem; font-weight: 800; white-space: nowrap; }
.tit-hero-search form { display: flex; flex: 1 1 620px; gap: 8px; max-width: 760px; }
.tit-hero-search input { flex: 1; min-width: 0; min-height: 44px; padding: 10px 14px; border: 1px solid #dbe2ea; border-radius: 12px; background: #fff; color: var(--tit-ink); }
.tit-hero-search button { flex: 0 0 auto; border: 0; border-radius: 12px; padding: 0 17px; background: var(--tit-navy); color: #fff; font-weight: 800; cursor: pointer; }

.tit-section { padding: clamp(34px, 4vw, 48px) 0; }
.tit-section--tight { padding-top: 26px; padding-bottom: 34px; }
.tit-section-head { margin-bottom: 18px; }
.tit-section-head h2 { font-size: clamp(1.4rem, 2.1vw, 1.9rem); line-height: 1.18; text-wrap: balance; }
.tit-content-layout { grid-template-columns: minmax(0, 1fr) minmax(270px, 306px); gap: clamp(18px, 2.1vw, 28px); align-items: start; }
.tit-main { min-width: 0; }
.tit-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; align-items: stretch; }
.tit-card { min-width: 0; height: 100%; overflow: hidden; }
.tit-card__media { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #e8edf4; }
.tit-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s var(--tit-ease); }
.tit-card:hover .tit-card__media img { transform: scale(1.035); }
.tit-card__body { min-width: 0; }
.tit-card__topline { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.tit-card h3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; min-height: 3.9em; font-size: clamp(.96rem, 1.15vw, 1.08rem); line-height: 1.3; }
.tit-card p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.tit-card__meta { margin-top: auto; padding-top: 5px; }
.tit-sidebar { position: sticky; top: 18px; gap: 14px; width: 100%; height: max-content; min-height: 0; align-self: start; }
.tit-widget { min-width: 0; height: auto; min-height: 0; padding: 16px; }
.tit-widget--search form { display: flex; gap: 7px; margin-top: 10px; }
.tit-widget--search input { width: 100%; min-width: 0; min-height: 43px; padding: 9px 11px; border: 1px solid var(--tit-line); border-radius: 10px; background: #f8fafc; }
.tit-widget--search button { flex: 0 0 44px; border: 0; border-radius: 10px; background: var(--tit-navy); color: #fff; font-size: 1.25rem; cursor: pointer; }
.tit-widget__head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.tit-widget__head h2 { margin: 0; font-size: 1rem; }
.tit-widget__head > span { color: var(--tit-muted); font-size: .68rem; white-space: nowrap; }
.tit-widget__list li { min-width: 0; grid-template-columns: 22px 64px minmax(0, 1fr); gap: 9px; }
.tit-widget__thumb { display: block; width: 64px; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 8px; background: #e8edf4; }
.tit-widget__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tit-widget__thumb .tit-placeholder { font-size: 0; }
.tit-widget__list li > div { min-width: 0; }
.tit-widget__list li > div > a { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: .81rem; line-height: 1.35; }
.tit-widget__list time { display: block; margin-top: 4px; color: var(--tit-muted); font-size: .68rem; }
.tit-topic-links { display: grid; grid-template-columns: 1fr; gap: 5px; }
.tit-topic-links a { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 9px; border-radius: 9px; background: #f7f9fc; text-decoration: none; font-size: .79rem; }
.tit-topic-links a:hover { background: #fff1eb; color: var(--tit-primary-dark); }
.tit-topic-count { flex: 0 0 auto; color: var(--tit-muted); font-size: .7rem; }
.tit-category-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.tit-category { min-width: 0; }

/* Article reading experience */
.tit-article-shell { max-width: 1180px; }
.tit-article { overflow: hidden; }
.tit-article__header { padding: clamp(22px, 3vw, 34px) clamp(20px, 3.2vw, 42px) 0; }
.tit-article__header h1 { max-width: 25ch; margin: 13px 0 10px; font-size: clamp(2rem, 4.1vw, 3.25rem); line-height: 1.1; letter-spacing: -.045em; text-wrap: balance; }
.tit-dek { max-width: 74ch; font-size: clamp(1rem, 1.5vw, 1.16rem); line-height: 1.65; }
.tit-article-meta { flex-wrap: wrap; gap: 8px 17px; }
.tit-article-meta a { color: inherit; text-decoration: none; }
.tit-article-meta a:hover { color: var(--tit-primary-dark); }
.tit-article__hero { margin-top: 22px; aspect-ratio: 16 / 9; }
.tit-article__hero img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tit-article__body { min-width: 0; max-width: var(--tit-reading-width); font-size: var(--tit-body-size); line-height: 1.84; overflow-wrap: anywhere; }
.tit-article__body > * { max-width: 100%; }
.tit-article__body p { margin: 0 0 1.25em; }
.tit-article__body h2 { margin: 1.8em 0 .65em; font-size: clamp(1.45rem, 2.4vw, 1.85rem); line-height: 1.25; scroll-margin-top: 24px; }
.tit-article__body h3 { margin: 1.5em 0 .55em; font-size: clamp(1.2rem, 2vw, 1.45rem); line-height: 1.3; scroll-margin-top: 24px; }
.tit-article__body ul, .tit-article__body ol { padding-left: 1.45em; margin: 0 0 1.35em; }
.tit-article__body li { margin: .35em 0; }
.tit-article__body img, .tit-article__body video, .tit-article__body iframe { max-width: 100%; }
.tit-article__body img { height: auto; border-radius: 10px; }
.tit-article__body iframe { width: 100%; }
.tit-article__body table { display: block; max-width: 100%; overflow-x: auto; }
.tit-article-layout { grid-template-columns: minmax(0, 1fr) minmax(235px, 270px); gap: clamp(20px, 3vw, 34px); padding: 28px clamp(20px, 3.2vw, 42px) 0; }
.tit-article-aside { display: grid; gap: 14px; min-width: 0; align-self: start; }
.tit-toc { position: sticky; top: 18px; min-width: 0; }
.tit-toc__inner { max-height: min(66vh, 620px); overflow: auto; }
.tit-toc nav a { overflow-wrap: anywhere; }
.tit-toc[hidden] { display: none !important; }
.tit-topic-latest { margin: 0; padding: 0; list-style: none; display: grid; gap: 11px; }
.tit-topic-latest li { display: grid; gap: 4px; }
.tit-topic-latest a { font-size: .81rem; font-weight: 750; line-height: 1.4; text-decoration: none; }
.tit-topic-latest a:hover { color: var(--tit-primary-dark); }
.tit-topic-latest time { font-size: .68rem; color: var(--tit-muted); }
.tit-share { display: flex; align-items: center; flex-wrap: wrap; gap: 7px; margin-top: 17px; font-size: .76rem; }
.tit-share > strong { margin-right: 2px; }
.tit-share a, .tit-share button { display: inline-flex; align-items: center; justify-content: center; min-height: 33px; padding: 6px 10px; border: 1px solid var(--tit-line); border-radius: 9px; background: #fff; color: var(--tit-ink); font: inherit; font-weight: 750; text-decoration: none; cursor: pointer; }
.tit-share a:hover, .tit-share button:hover { border-color: rgba(255,87,34,.35); background: #fff3ed; color: var(--tit-primary-dark); }
.tit-copy-status { color: var(--tit-muted); font-size: .7rem; }
.tit-read-next { margin: 22px 0 26px; padding: 15px 17px; border: 1px solid #f2d6ca; border-left: 4px solid var(--tit-primary); border-radius: 13px; background: #fff8f4; }
.tit-read-next > strong { display: block; margin-bottom: 7px; font-size: .84rem; }
.tit-read-next ul { margin: 0 !important; padding-left: 1.1em !important; }
.tit-read-next li { margin: 4px 0 !important; }
.tit-read-next a { color: #a63313; font-size: .92rem; font-weight: 750; text-decoration: none; }
.tit-read-next a:hover { text-decoration: underline; }
.tit-author { margin: 28px clamp(20px, 3.2vw, 42px) 0; }
.tit-author a { color: inherit; text-decoration: none; }
.tit-related { padding: 28px clamp(20px, 3.2vw, 42px) 30px; }
.tit-related .tit-card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tit-post-nav { padding-inline: clamp(20px, 3.2vw, 42px); }
.tit-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; font-size: .76rem; line-height: 1.5; color: var(--tit-muted); }
.tit-breadcrumb a { color: var(--tit-muted); text-decoration: none; }
.tit-breadcrumb a:hover { color: var(--tit-primary-dark); }
.tit-breadcrumb--rankmath nav { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.tit-breadcrumb--rankmath .separator { opacity: .55; }

/* Blog, search, archive and footer refinements */
.tit-page-head { padding: 32px 0 12px; }
.tit-page-head h1 { line-height: 1.15; text-wrap: balance; }
.tit-page-head .tit-breadcrumb { margin-bottom: 14px; }
.tit-page { max-width: 920px; margin-inline: auto; }
.tit-page__body { max-width: 74ch; }
.tit-page__body p { line-height: 1.8; }
.tit-footer { margin-top: 38px; }
.tit-footer__grid { gap: clamp(18px, 3vw, 32px); }
.tit-footer__bottom { flex-wrap: wrap; }
.tit-top { bottom: max(18px, env(safe-area-inset-bottom)); }
.tit-table-wrap { max-width: 100%; }
.tablepress { max-width: 100%; }
.tit-empty { min-width: 0; }

@media (max-width: 1180px) {
  .tit-nav .menu-item > a { padding-inline: 7px; font-size: .79rem; }
  .tit-content-layout { grid-template-columns: minmax(0, 1fr) 278px; gap: 18px; }
  .tit-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tit-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tit-article-shell { max-width: 1080px; }
}
@media (max-width: 1080px) {
  .tit-header__inner { min-height: 68px; }
  .tit-menu-toggle { display: block; flex: 0 0 42px; }
  .tit-nav { display: none; position: absolute; z-index: 1100; left: 0; right: 0; top: calc(100% + 1px); max-height: min(72vh, 620px); overflow: auto; margin: 0; padding: 10px; border: 1px solid var(--tit-line); border-radius: 0 0 16px 16px; background: #fff; box-shadow: var(--tit-shadow-hover); }
  .tit-nav.is-open { display: block; }
  .tit-nav .tit-menu { display: flex; flex-direction: column; align-items: stretch; gap: 2px; }
  .tit-nav .menu-item { width: 100%; }
  .tit-nav .menu-item > a { min-height: 44px; padding: 11px 46px 11px 12px; white-space: normal; font-size: .9rem; }
  .tit-nav .menu-item-has-children > .tit-submenu-toggle { position: absolute; z-index: 2; top: 3px; right: 3px; display: grid; place-items: center; width: 38px; height: 38px; border: 0; border-radius: 9px; background: #f3f6fa; color: var(--tit-ink); cursor: pointer; }
  .tit-nav .tit-submenu-toggle span { width: 8px; height: 8px; border-right: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg) translateY(-2px); transition: transform .2s ease; }
  .tit-nav .is-submenu-open > .tit-submenu-toggle span { transform: rotate(225deg) translate(-1px, -1px); }
  .tit-nav .sub-menu, .tit-nav .sub-menu .sub-menu { position: static; display: none; min-width: 0; margin: 0 0 5px 10px; padding: 5px; border: 0; border-left: 2px solid #ffe0d4; border-radius: 0 10px 10px 0; background: #f8fafc; box-shadow: none; }
  .tit-nav .menu-item-has-children:hover > .sub-menu, .tit-nav .menu-item-has-children:focus-within > .sub-menu { display: none; }
  .tit-nav .menu-item-has-children.is-submenu-open > .sub-menu { display: block; }
  .tit-nav .sub-menu .menu-item > a { padding: 10px 12px; font-size: .84rem; }
  .tit-brand { margin-right: auto; }
  .tit-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .tit-feature { min-height: clamp(340px, 48vw, 460px); }
  .tit-side-feature { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .tit-mini-card { grid-template-columns: 104px minmax(0, 1fr); }
  .tit-content-layout { grid-template-columns: minmax(0, 1fr); }
  .tit-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .tit-widget--search { grid-column: 1 / -1; }
  .tit-article-layout { grid-template-columns: minmax(0, 1fr); }
  .tit-article-aside { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
  .tit-toc { position: static; }
  .tit-toc__inner { max-height: 360px; }
}
@media (max-width: 760px) {
  .tit-wrap { width: calc(100% - 28px); }
  .tit-header__inner { min-height: 64px; gap: 8px; }
  .tit-brand__text { font-size: .98rem; }
  .tit-brand__mark { width: 35px; height: 35px; }
  .tit-brand .custom-logo { max-width: min(190px, 48vw); max-height: 40px; }
  .tit-search-toggle, .tit-menu-toggle { width: 40px; height: 40px; }
  .tit-trending__inner { height: 36px; gap: 10px; }
  .tit-trending strong { font-size: .65rem; }
  .tit-trending__items { gap: 13px; }
  .tit-trending__items a { font-size: .7rem; }
  .tit-searchbar { padding: 10px 0; }
  .tit-searchbar form, .tit-search-inline form { display: flex; }
  .tit-searchbar input, .tit-search-inline input { padding: 11px; }
  .tit-hero { padding-top: 14px; }
  .tit-feature { min-height: clamp(340px, 90vw, 430px); border-radius: 19px; }
  .tit-feature__content { left: 17px; right: 17px; bottom: 17px; }
  .tit-feature__content h1 { font-size: clamp(1.55rem, 7vw, 2.05rem); line-height: 1.13; }
  .tit-feature__content p { font-size: .85rem; line-height: 1.48; }
  .tit-side-feature { grid-template-columns: 1fr; gap: 9px; }
  .tit-mini-card { grid-template-columns: 98px minmax(0, 1fr); padding: 9px; }
  .tit-mini-card h3 { font-size: .9rem; }
  .tit-hero-topics { padding-top: 12px; gap: 7px; }
  .tit-hero-topics a { font-size: .72rem; }
  .tit-hero-search { display: grid; gap: 9px; padding: 12px; }
  .tit-hero-search form { width: 100%; }
  .tit-hero-search > span { font-size: .8rem; }
  .tit-hero-search input { min-height: 42px; font-size: .82rem; }
  .tit-hero-search button { padding-inline: 12px; font-size: .8rem; }
  .tit-section { padding: 30px 0; }
  .tit-section--tight { padding: 24px 0 30px; }
  .tit-section-head { align-items: flex-start; gap: 10px; }
  .tit-section-head h2 { font-size: 1.35rem; }
  .tit-section-head > a { font-size: .75rem; white-space: nowrap; }
  .tit-card-grid, .tit-card-grid--4, .tit-related .tit-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
  .tit-card { border-radius: 14px; }
  .tit-card__body { padding: 11px; }
  .tit-card__topline { gap: 5px; }
  .tit-card h3 { min-height: 0; margin: 7px 0; font-size: .9rem; line-height: 1.32; -webkit-line-clamp: 3; }
  .tit-card p { display: none; }
  .tit-card__meta { font-size: .68rem; }
  .tit-readmore { font-size: .69rem; }
  .tit-pill { font-size: .61rem; }
  .tit-dot-meta { font-size: .63rem; }
  .tit-sidebar { grid-template-columns: 1fr; }
  .tit-article-shell { width: 100%; }
  .tit-article { border-radius: 16px; }
  .tit-article__header { padding: 19px 17px 0; }
  .tit-article__header h1 { font-size: clamp(1.8rem, 7.2vw, 2.3rem); }
  .tit-article__hero { margin-inline: -17px; }
  .tit-article-layout { padding: 20px 17px 0; }
  .tit-article__body { font-size: 1rem; line-height: 1.78; }
  .tit-article__body h2 { font-size: 1.42rem; }
  .tit-article__body h3 { font-size: 1.2rem; }
  .tit-article-aside { grid-template-columns: 1fr; }
  .tit-share { gap: 6px; }
  .tit-share a, .tit-share button { min-height: 32px; padding: 5px 8px; font-size: .7rem; }
  .tit-author { margin: 23px 17px 0; padding: 13px; }
  .tit-related { padding: 24px 17px 25px; }
  .tit-post-nav { grid-template-columns: 1fr; padding: 0 17px 25px; }
  .tit-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tit-page { padding: 21px 16px; border-radius: 16px; }
  .tit-page-head { padding-top: 24px; }
  .tit-footer { margin-top: 26px; padding: 34px 0 16px; }
  .tit-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 15px; }
  .tit-footer__grid > section:first-child { grid-column: 1 / -1; }
  .tit-footer__bottom { flex-direction: column; margin-top: 22px; }
  .tit-empty { padding: 35px 15px; }
}
@media (max-width: 420px) {
  .tit-wrap { width: calc(100% - 22px); }
  .tit-brand__text { font-size: .89rem; }
  .tit-brand__mark { width: 32px; height: 32px; }
  .tit-header__inner { gap: 6px; }
  .tit-feature { min-height: 360px; }
  .tit-card-grid, .tit-card-grid--4, .tit-related .tit-card-grid { grid-template-columns: 1fr; }
  .tit-card { display: grid; grid-template-columns: 38% minmax(0, 1fr); align-items: stretch; }
  .tit-card__media { aspect-ratio: auto; min-height: 128px; height: 100%; }
  .tit-card__body { padding: 10px; }
  .tit-card h3 { font-size: .9rem; }
  .tit-card__meta { flex-wrap: wrap; gap: 4px; }
  .tit-category-grid { grid-template-columns: 1fr 1fr; }
  .tit-footer__grid { grid-template-columns: 1fr 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}