@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
:root{--navy:#102a43;--paper:#f7f2e8;--paper2:#efe8da;--coral:#f26b5e;--ink:#17212b;--muted:#667383;--line:#d7d0c5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.topline{height:32px;background:var(--navy);color:#dce7ee;padding:0 5%;font-size:11px;letter-spacing:.12em;display:flex;align-items:center;justify-content:space-between}.topline span{color:#8da4b4}header{height:82px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 5%;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:32px 'DM Serif Display',serif}.brand img{width:42px;height:42px;object-fit:contain}.brand span,.footer-brand span{color:var(--coral)}nav{display:flex;gap:30px;font-size:13px;font-weight:700}nav a:hover,.footer-links a:hover{color:var(--coral)}.hero{min-height:590px;background:var(--navy);color:var(--paper);position:relative;overflow:hidden}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,42,67,.98),rgba(16,42,67,.3)),url('/assets/benmablog-hero.png') center/cover}.hero-inner{min-height:590px;display:flex;align-items:center;position:relative}.hero h1{font:normal clamp(3rem,6vw,5.8rem)/1 'DM Serif Display';letter-spacing:-.045em;max-width:760px;margin:27px 0}.hero h1 em{color:#ffb1a7}.hero p{max-width:430px;color:#cbd8e0;line-height:1.9}.eyebrow{color:var(--coral);font-size:11px;font-weight:900;letter-spacing:.18em}.eyebrow:before{content:"";display:inline-block;width:25px;height:2px;background:currentColor;margin:0 9px 3px 0}.light{color:#ffb1a7}.cta,.dark-btn{display:inline-block;background:var(--coral);border:0;color:var(--navy);font-weight:900;padding:14px 19px;cursor:pointer}.hero-index{position:absolute;right:0;bottom:36px;color:var(--coral);font:40px 'DM Serif Display';text-align:right}.hero-index small{font:10px 'Noto Sans TC';color:#91a8b7;letter-spacing:.12em}.intro{background:var(--coral);padding:23px 0}.intro .wrap{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px}.intro strong{font:27px 'DM Serif Display';font-weight:400}.intro i{font-style:italic}.intro small{text-align:right;font-size:10px;letter-spacing:.1em}.section{padding:105px 0 125px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:38px}.section-head h2,.signals h2{font:normal 3.5rem/1.05 'DM Serif Display';margin:17px 0 0}.section-head>a{font-size:12px;font-weight:900;border-bottom:1px solid}.feature{display:grid;grid-template-columns:1.25fr .75fr;min-height:450px}.feature-image{overflow:hidden;background:var(--navy)}.feature-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.feature-image:hover img{transform:scale(1.04)}.feature-copy{border-top:1px solid var(--navy);border-bottom:1px solid var(--navy);padding:48px 0 40px 54px;display:flex;flex-direction:column;justify-content:center}.kicker{font-size:10px;color:var(--coral);font-weight:900;letter-spacing:.12em;text-transform:uppercase}.feature-copy h3{font:normal 3rem/1.05 'DM Serif Display';margin:24px 0 18px}.feature-copy p,.signals p{color:var(--muted);line-height:1.9}.signals{background:var(--paper2);padding:105px 0 120px}.signals-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.signals h2 em{color:var(--coral)}.latest{border-top:1px solid var(--line)}.latest>a{display:grid;grid-template-columns:45px 1fr 20px;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.latest>a>b{font:22px 'DM Serif Display';color:var(--coral)}.latest h3{font-size:19px;margin:10px 0 5px}.latest p{font-size:12px;margin:0}.latest>a>span{color:var(--coral)}footer{background:#0b2034;color:#cbd8e0;padding:53px 5%;position:relative}.footer-brand{font:32px 'DM Serif Display';color:var(--paper)}footer p{font-size:13px;color:#91a8b7}.footer-links{display:flex;gap:20px;font-size:12px;font-weight:700;margin-top:25px}footer small{position:absolute;right:5%;bottom:55px;color:#718b9e;font-size:10px}.page{padding:98px 0 130px}.page h1,.article-hero h1{font:normal clamp(3rem,6vw,5.6rem)/1 'DM Serif Display';letter-spacing:-.045em;margin:22px 0}.dek{max-width:530px;color:var(--muted);line-height:1.9}.filters{display:flex;gap:12px;border-top:1px solid var(--navy);border-bottom:1px solid var(--line);padding:17px 0;margin:60px 0 15px}.filters input,.filters select,.editor input,.editor textarea,.editor select{background:transparent;border:1px solid var(--line);padding:12px;color:var(--ink);font:inherit}.filters input{flex:1}.filters select{min-width:140px}.article-list .list-item{display:grid;grid-template-columns:55px 1fr 220px;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding:27px 0}.list-item>b{font:25px 'DM Serif Display';color:var(--coral)}.list-item h2{font:normal 27px 'DM Serif Display';margin:11px 0 7px}.list-item p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}.list-item img{width:220px;height:130px;object-fit:cover}.read{font-size:11px;font-weight:900;display:inline-block;margin-top:15px}.empty{padding:50px 0;color:var(--muted)}.article-hero{padding:90px 0 55px;border-bottom:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:1fr 280px;gap:80px;padding-top:55px}.article-image{width:100%;max-height:480px;object-fit:cover}.article-copy{font-size:17px;line-height:2;max-width:700px}.article-inline-image{margin:34px 0 38px}.article-inline-image img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;background:var(--paper2)}.article-inline-image figcaption{font-size:12px;line-height:1.6;color:var(--muted);margin-top:9px}.article-copy blockquote{border-left:3px solid var(--coral);padding:14px 25px;font:italic 25px 'DM Serif Display';color:var(--navy)}.article-layout aside{border-top:2px solid var(--coral);padding-top:14px}.article-layout aside p{font:22px/1.45 'DM Serif Display'}.admin-body{background:var(--paper2)}.admin-nav{height:70px;background:var(--navy);color:var(--paper);border:0}.admin-nav .brand{font-size:26px}.admin-nav .brand img{width:35px;height:35px}.admin-nav a{color:var(--paper);font-size:12px}.admin-main{width:min(1100px,calc(100% - 40px));margin:55px auto 100px}.admin-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.admin-head h1{font:normal 3.8rem 'DM Serif Display';margin:17px 0 0}.admin-table{background:var(--paper);border-top:2px solid var(--navy)}.table-row{display:grid;grid-template-columns:2fr 1fr .7fr .8fr 100px;gap:15px;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line);font-size:13px}.table-label{font-size:10px;letter-spacing:.1em;color:var(--muted)}.row-actions{display:flex;gap:10px}.row-actions a{color:var(--coral);font-weight:700}.row-actions button{color:var(--muted);cursor:pointer}.status-published{color:#26734d}.status-draft{color:#9a6a29}.editor{max-width:760px;display:grid;gap:17px}.editor label{display:grid;gap:7px;font-size:13px;font-weight:700}.editor textarea{resize:vertical}.editor small{font-size:11px;color:var(--muted);font-weight:400}.error{background:#ffe1dc;border-left:3px solid var(--coral);padding:12px;margin:15px 0;color:#8f2e25}.login{max-width:410px;margin:90px auto;background:var(--paper);padding:42px}.login>img{width:55px}.login h1{font:normal 2.6rem 'DM Serif Display';margin:15px 0 5px}.login p{color:var(--muted)}.login form{display:grid;gap:15px;margin:27px 0}.login label{display:grid;gap:7px;font-size:13px}.login input{padding:12px;border:1px solid var(--line);background:transparent}.login>a{font-size:12px}
@media(max-width:760px){.wrap{width:calc(100% - 34px)}.topline{padding:0 17px;font-size:9px}.topline span{display:none}header{height:70px;padding:0 17px}.brand{font-size:27px}.brand img{width:35px;height:35px}nav{gap:12px;font-size:11px}nav a:nth-child(3){display:none}.hero,.hero-inner{min-height:610px}.hero h1{font-size:clamp(3rem,14vw,4.5rem);overflow-wrap:anywhere}.hero p{font-size:13px}.intro .wrap{display:block}.intro strong{display:block;font-size:22px;margin-top:8px}.intro small{display:block;text-align:left;margin-top:8px}.section,.signals{padding:72px 0 82px}.section-head{display:block}.section-head h2,.signals h2{font-size:2.7rem}.section-head>a{display:inline-block;margin-top:24px}.feature{display:block}.feature-image{display:block;height:270px}.feature-copy{padding:30px 0 25px;border-bottom:0}.feature-copy h3{font-size:2.35rem}.signals-grid{display:block}.signals-grid>div:first-child{margin-bottom:50px}.latest h3{font-size:16px}.latest p{font-size:11px}.footer-links{flex-wrap:wrap}.footer-brand{font-size:28px}footer small{position:static;display:block;margin-top:30px}.page{padding:66px 0 90px}.page h1{font-size:3.9rem}.filters{display:grid;grid-template-columns:1fr 1fr;margin-top:40px}.filters input{grid-column:1/-1}.article-list .list-item{grid-template-columns:32px 1fr;gap:10px}.list-item img{display:none}.list-item h2{font-size:22px}.article-hero{padding:65px 0 40px}.article-hero h1{font-size:clamp(2.9rem,14vw,4.2rem)}.article-layout{display:block;padding-top:35px}.article-image{height:245px}.article-copy{font-size:16px}.article-inline-image{margin:26px 0 30px}.article-inline-image img{max-height:360px}.article-layout aside{margin-top:55px}.admin-nav{padding:0 17px}.admin-nav span{font-size:10px}.admin-main{width:calc(100% - 34px);margin-top:38px}.admin-head{display:block}.admin-head h1{font-size:3rem}.admin-head .dark-btn{margin-top:20px}.table-row{grid-template-columns:1fr 70px;padding:15px 10px}.table-label{display:none}.table-row>span:nth-child(2),.table-row>span:nth-child(3),.table-row>span:nth-child(4){display:none}.row-actions{justify-content:flex-end}.login{margin:45px 17px;padding:30px}}