/* Tautiva editorial microsite: legible, original layouts and shared brand rhythm. */
.wawasan-page{background:#fff}
.article-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;color:#58728e;font-size:12px;font-weight:620;align-items:center;margin:0 0 31px}
.article-breadcrumbs a{color:#325a83}
.article-breadcrumbs a:hover{color:#0962c1;text-decoration:underline}
.article-breadcrumbs [aria-current=page]{color:#496983}
.article-hero{padding:53px 0 58px;background:radial-gradient(ellipse at 92% 0,#e3f0ff,transparent 54%),linear-gradient(145deg,#f9fcff,#eef5fd)}
.article-hero-inner{max-width:1050px}
.article-hero h1{font-size:clamp(39px,4vw,58px);line-height:1.1;max-width:920px;margin:19px 0 20px;letter-spacing:-.052em}
.article-deck{font-size:clamp(16px,1.5vw,19px);line-height:1.8;color:#3d5a78;max-width:850px;margin:0}
.article-meta{display:flex;gap:11px;align-items:center;flex-wrap:wrap;font-size:12px;color:#506d8a;margin-top:25px}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.38fr);gap:clamp(33px,6vw,95px);align-items:start;padding-block:53px 80px}
.article-content{max-width:760px;min-width:0;color:#263e56}
.article-content>h2{font-size:clamp(25px,2.6vw,34px);letter-spacing:-.037em;line-height:1.3;margin:49px 0 16px}
.article-content>h2:first-of-type{margin-top:34px}
.article-content>p{font-size:16px;line-height:1.93;margin:0 0 20px;color:#354f6b}
.article-disclosure{border:1px solid #d9e7f5;border-left:4px solid #0a75db;border-radius:12px;padding:16px 20px;background:#f5faff;color:#3d5b79!important;font-size:13.6px!important;line-height:1.76!important}
.article-steps{list-style:none;padding:0;margin:19px 0 8px;display:grid;gap:13px}
.article-steps li{display:flex;gap:18px;align-items:flex-start;padding:23px 20px;border:1px solid #dde9f4;border-radius:15px;background:#fafcff}
.article-steps li>span{flex:none;display:grid;place-items:center;border-radius:11px;width:38px;height:38px;background:#e3f1ff;color:#0757a8;font-size:12px;font-weight:800}
.article-steps h3{font-size:17px;margin:3px 0 9px;letter-spacing:-.02em}
.article-steps p{font-size:14.5px;line-height:1.82;color:#4a6681;margin:0}
.article-pitfalls{padding-left:23px;line-height:1.85;color:#3a566f;font-size:15.5px}
.article-pitfalls li{padding-left:4px;margin:10px 0}
.article-takeaway{background:linear-gradient(125deg,#0a2445,#164876);border-radius:20px;padding:29px 31px;color:#e5f1ff;margin:43px 0 32px}
.article-takeaway .eyebrow{color:#a8d4fc}
.article-takeaway h2{color:#fff;font-size:clamp(23px,2.5vw,30px);line-height:1.3;margin:13px 0}
.article-takeaway p{margin:0;color:#cee0f0;font-size:14.6px;line-height:1.78}
.article-follow{border-top:1px solid #e0e9f3;border-bottom:1px solid #e0e9f3;margin-top:40px;padding:22px 0;display:flex;flex-wrap:wrap;gap:15px 22px;align-items:center}
.article-follow a{font-size:13px;font-weight:750;color:#0a63bb}
.article-follow a:hover{text-decoration:underline}
.article-aside{min-width:0}
.article-sticky{position:sticky;top:107px;display:grid;gap:17px}
.article-aside-card{background:#f6f9fc;border:1px solid #e0e9f3;padding:23px;border-radius:16px}
.article-aside-card.small{background:#fff}
.article-aside-card p{font-size:13.5px;line-height:1.77;color:#536d86;margin:12px 0 17px}
.article-aside-card a{color:#075fbb;font-size:12.8px;font-weight:740}
.article-aside-card a:hover{text-decoration:underline}
.related-section{background:#f3f7fb;padding:58px 0 70px}
.related-section h2{margin:12px 0 28px;max-width:730px;font-size:clamp(28px,3vw,40px)}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.related-grid a{display:grid;grid-template-columns:1fr 20px;row-gap:12px;border:1px solid #dde7f2;border-radius:14px;background:#fff;padding:22px;transition:transform .2s,border-color .2s}
.related-grid a:hover,.wawasan-card:hover{transform:translateY(-2px);border-color:#a1c7ed}
.related-grid a>span:first-child{font-size:11px;color:#2d699f;font-weight:780;grid-column:1/3}
.related-grid strong{font-size:15px;line-height:1.5;color:#193c5e}
.related-arrow{color:#1373c4}
.wawasan-index-hero{padding:53px 0 72px;background:radial-gradient(ellipse at 87% 3%,#e0edff 0,transparent 46%),#f7fbff}
.wawasan-index-hero h1{font-size:clamp(43px,4.6vw,65px);max-width:930px;margin:19px 0 24px;line-height:1.1}
.wawasan-index-hero p{max-width:840px;color:#3c5c78;font-size:17px;line-height:1.85;margin:0 0 21px}
.wawasan-disclosure{font-size:12px;color:#55728e;border-left:3px solid #ef8916;padding-left:12px;font-weight:620}
.wawasan-list-section{padding:68px 0 80px}
.wawasan-index-intro{margin:0 0 30px}
.wawasan-index-intro h2{margin:11px 0 0;font-size:clamp(28px,3vw,41px)}
.wawasan-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.wawasan-card{display:flex;flex-direction:column;min-height:290px;padding:30px;border:1px solid #dce7f3;border-radius:19px;background:#fff;box-shadow:0 8px 28px rgba(12,46,85,.035);transition:transform .2s,border-color .2s,box-shadow .2s}
.wawasan-card:hover{box-shadow:0 13px 39px rgba(12,46,85,.09)}
.wawasan-card-top{display:flex;justify-content:space-between;align-items:center;gap:13px}
.wawasan-card-top>span:last-child{color:#0d68c4;font-size:19px}
.wawasan-card h2{font-size:clamp(22px,2.2vw,29px);line-height:1.28;margin:21px 0 12px}
.wawasan-card p{font-size:14px;line-height:1.8;color:#536d84;margin:0 0 24px}
.wawasan-card-link{font-weight:780;color:#0961bb;font-size:13px;margin-top:auto}
.wawasan-index-footer{background:#f2f7fd;padding:63px 0 72px}
.wawasan-index-footer h2{font-size:clamp(29px,3vw,40px);max-width:700px;margin:0 0 16px}
.wawasan-index-footer p{max-width:730px;font-size:15.5px;color:#4c6781;line-height:1.8;margin:0 0 24px}
@media(max-width:920px){.article-layout{grid-template-columns:1fr;gap:35px}.article-content{max-width:790px}.article-aside{display:none}}
@media(max-width:760px){.article-hero{padding:39px 0 46px}.article-breadcrumbs{margin-bottom:23px}.article-hero h1{font-size:clamp(34px,8vw,49px)}.article-deck{font-size:15.5px}.article-layout{padding-block:35px 52px}.article-content>h2{margin-top:37px}.related-section{padding:46px 0 56px}.wawasan-index-hero{padding:42px 0 56px}.wawasan-index-hero h1{font-size:clamp(36px,8vw,52px)}.wawasan-list-section{padding:47px 0 60px}.wawasan-card{padding:25px;min-height:265px}}
@media(max-width:580px){.related-grid,.wawasan-cards{grid-template-columns:1fr}.article-content>p{font-size:15px;line-height:1.86}.article-steps li{padding:18px 15px;gap:13px}.article-steps li>span{width:33px;height:33px}.article-takeaway{padding:23px 20px}.article-hero h1{font-size:clamp(32px,8.6vw,42px)}.wawasan-card{min-height:0}.related-grid a{padding:19px}}
@media(prefers-reduced-motion:reduce){.related-grid a,.wawasan-card{transition:none}}