
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font:15px/1.6 'Nunito Sans',Arial,sans-serif;color:#313131;background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%}
.wrap{max-width:1170px;margin:0 auto;padding:0 20px}
/* ── header ── */
.hdr{border-bottom:1px solid #ececec}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{font-family:Domine,Georgia,serif;font-size:28px;font-weight:700;letter-spacing:-.3px;color:#111}
.navbar{border-bottom:1px solid #e6e6e6;background:#fff}
.navbar .wrap{display:flex;align-items:center;justify-content:space-between}
.nav{display:flex;flex-wrap:wrap}
.nav a{display:block;padding:15px 14px;font-size:14.5px;font-weight:600;color:#222}
.nav a:first-child{padding-left:0}
.nav a.on,.nav a:hover{color:#0e7c7b}
.sbtn{background:none;border:0;cursor:pointer;padding:8px 0 8px 8px;color:#444;display:flex}
.sbtn svg{width:17px;height:17px}
.searchbox{display:none;border-bottom:1px solid #e6e6e6;background:#fafafa}
.searchbox.open{display:block}
.searchbox .wrap{padding:14px 20px}
.search-form{display:flex;max-width:520px}
.search-form input{flex:1;border:1px solid #ddd;padding:10px 14px;font:14px 'Nunito Sans',Arial,sans-serif}
.search-form button{background:#0e7c7b;color:#fff;border:0;padding:10px 20px;font-weight:600;cursor:pointer}
/* ── covers / cards ── */
.img{display:block;overflow:hidden;background:#eaeaea}
.img img,.img .svg-cover{display:block;width:100%;height:100%;object-fit:cover}
.svg-cover svg{display:block;width:100%;height:100%}
.r169 .img{aspect-ratio:16/9}
.r43 .img{aspect-ratio:4/3}
.r45 .img{aspect-ratio:4/5}
.cat{display:inline-block;font-size:11px;font-weight:600;color:#0e7c7b;letter-spacing:.2px;margin-bottom:6px}
.bd h3,.bd h4{font-family:Domine,Georgia,serif;line-height:1.3;color:#111;font-weight:700}
.bd h3 a:hover,.bd h4 a:hover,.li h4 a:hover,.row h4 a:hover{color:#0e7c7b}
.ex{font-size:13.5px;color:#666;line-height:1.55;margin-top:8px}
.big .bd{background:#f5f5f5;padding:16px 20px 20px}
.big h3{font-size:21px}
.big.md h3{font-size:16px}
.big.md .bd{padding:12px 16px 16px}
.mini .bd{padding:10px 0 0}
.mini h4{font-size:14px}
.ov{position:relative;display:block;overflow:hidden;background:#333}
.ov .img{aspect-ratio:4/5}
.ov.w .img{aspect-ratio:4/3}
.ov:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.74) 0,rgba(0,0,0,.28) 45%,rgba(0,0,0,0) 72%)}
.ov .cap{position:absolute;left:0;right:0;bottom:0;padding:18px 20px;z-index:2}
.ov .cap h3{font-family:Domine,Georgia,serif;font-size:20px;line-height:1.3;color:#fff;font-weight:700}
.ov.w .cap h3{font-size:16px}
.ov .cap .cat{color:#fff;opacity:.9}
.ov .cap span{display:block;font-size:12px;color:#ddd;margin-top:6px}
.row{display:flex;align-items:center;gap:14px;background:#f5f5f5;margin-bottom:12px}
.row .img{width:128px;flex:0 0 128px;aspect-ratio:3/2}
.row h4{font-family:Domine,Georgia,serif;font-size:14px;line-height:1.35;padding:10px 14px 10px 0;color:#111;font-weight:700}
.row.rt{flex-direction:row-reverse}
.row.rt h4{padding:10px 0 10px 16px}
.li{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.li .img{width:94px;flex:0 0 94px;aspect-ratio:4/3}
.li.lg .img{width:118px;flex-basis:118px}
.li h4{font-family:Domine,Georgia,serif;font-size:14px;line-height:1.35;color:#111;font-weight:700}
/* ── sections ── */
.sec{margin-top:32px}
.sec-h{display:flex;align-items:baseline;gap:16px;margin-bottom:18px}
.sec-h h2{font-family:Domine,Georgia,serif;font-size:26px;font-weight:700;color:#111}
.sec-h .see{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#0e7c7b}
.hr{border:0;border-top:1px solid #e6e6e6;margin:34px 0 0}
.g2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.g3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}
.mini3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}
.med2{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:12px}
.stack>*+*{margin-top:22px}
.rows{display:flex;flex-direction:column;gap:12px}
.rows .row{margin-bottom:0}
.spread{display:flex;flex-direction:column;justify-content:space-between}
.spread .li,.spread .row{margin-bottom:0}
/* ── footer ── */
.ftr{background:#1b2430;color:#b5b5b5;margin-top:56px}
.ftr .wrap{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:36px;padding:46px 20px 40px}
.ftr h5{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:#fff;margin-bottom:22px;position:relative;padding-bottom:10px}
.ftr h5:after{content:"";position:absolute;left:0;bottom:0;width:34px;height:2px;background:#0e7c7b}
.ftr p{font-size:13.5px;line-height:1.7}
.ftr .fl{list-style:none}
.ftr .fl li{margin-bottom:16px}
.ftr .fl a{font-family:Domine,Georgia,serif;font-size:14.5px;line-height:1.35;color:#fff;display:block;font-weight:700}
.ftr .fl a:hover{color:#0e7c7b}
.ftr .fl span{display:block;font-size:12px;color:#8d8d8d;margin-top:4px}
.fmenu{border-top:1px solid rgba(255,255,255,.1)}
.fmenu .wrap{display:block;padding:24px 20px}
.fnav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 38px}
.fnav a{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:#fff;padding:4px 0}
.fnav a.on,.fnav a:hover{color:#0e7c7b}
.fbot{background:#111;font-size:12.5px}
.fbot .wrap{display:flex;justify-content:center;padding:18px 20px 22px}
.fbot .copy{color:#8a8a8a}
.totop{position:fixed;right:22px;bottom:22px;width:40px;height:40px;background:#0e7c7b;color:#fff;display:none;align-items:center;justify-content:center;z-index:50;cursor:pointer;border:0}
.totop.show{display:flex}
/* ── single / page ── */
.artwrap{max-width:860px;margin:36px auto 0;padding:0 20px}
.artwrap h1{font-family:Domine,Georgia,serif;font-size:36px;line-height:1.2;color:#111;margin:6px 0 12px}
.meta{font-size:12.5px;color:#888;margin-bottom:22px}
.artwrap .cover .img{aspect-ratio:16/9;margin-bottom:26px}
.entry{font-size:16.5px;line-height:1.75;color:#333}
.entry p{margin-bottom:1.3em}
.entry h2{font-family:Domine,Georgia,serif;font-size:26px;line-height:1.25;margin:1.6em 0 .6em;color:#111}
.entry h3{font-family:Domine,Georgia,serif;font-size:20px;margin:1.4em 0 .5em;color:#111}
.entry ul,.entry ol{margin:0 0 1.3em 1.4em}
.entry li{margin-bottom:.4em}
.entry blockquote{border-left:3px solid #0e7c7b;padding:6px 0 6px 20px;margin:1.5em 0;font-family:Domine,Georgia,serif;font-size:19px;color:#444}
.entry table{border-collapse:collapse;width:100%;margin:1.5em 0;font-size:14.5px}
.entry td,.entry th{border:1px solid #e3e3e3;padding:9px 12px;text-align:left}
.entry th{background:#f5f5f5;font-weight:700}
.entry a{color:#0e7c7b;text-decoration:underline}
.entry img{height:auto;margin:1em 0}
.comments-closed{margin:34px 0 0;color:#999;font-size:13px;font-style:italic}
.rel{margin-top:44px;border-top:1px solid #e6e6e6;padding-top:26px}
.rel h4{font-family:Domine,Georgia,serif;font-size:20px;margin-bottom:18px;color:#111}
/* ── archive ── */
.arch{margin-top:34px}
.arch h1{font-family:Domine,Georgia,serif;font-size:30px;color:#111}
.arch .cnt{font-size:13px;color:#888;margin:4px 0 24px}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:980px){.g3,.g4,.cards3{grid-template-columns:1fr 1fr}.ftr .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.g2,.g3,.g4,.cards3,.mini3,.med2,.ftr .wrap{grid-template-columns:1fr}.hdr .wrap{height:auto;padding:14px 20px}.nav a{padding:10px 10px;font-size:13.5px}.artwrap h1{font-size:28px}.sec-h h2{font-size:22px}}
