:root{--navy:#031a32;--navy2:#082f52;--gold:#c8953f;--paper:#f6f3ed;--line:#e1e2df}
body{letter-spacing:-.015em;background:#fbfbfa}.board-header{position:sticky;top:0;z-index:20;height:82px;background:rgba(3,26,50,.97);backdrop-filter:blur(12px)}.board-header .container{position:relative}.board-header .container:after{content:"";position:absolute;left:0;bottom:0;width:55px;height:2px;background:var(--gold)}.board-logo{font-size:17px}.board-header .container>a:last-child{border:0;background:var(--gold);color:#071a2f;font-weight:700}
.board-hero{position:relative;overflow:hidden;padding:125px 0 100px;background:radial-gradient(circle at 78% 25%,rgba(200,149,63,.2),transparent 24%),linear-gradient(130deg,#02162b,#07365c)}.board-hero:after{content:"O&C";position:absolute;right:-20px;bottom:-70px;font:600 250px/1 Georgia,serif;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.07)}.board-hero .container{position:relative;z-index:1}.board-hero p{display:flex;align-items:center;gap:12px;margin:0;color:#e2b967;font-size:11px;font-weight:700;letter-spacing:.24em}.board-hero p:before{content:"";width:42px;height:1px;background:#d7a34b}.board-hero h1{font-size:clamp(42px,5vw,64px)}.board-hero span{display:block;margin-top:22px;color:rgba(255,255,255,.65)}
.board-section{padding-top:85px}.board-filter{border-bottom:1px solid var(--line);gap:0}.board-filter a{border:0;border-bottom:2px solid transparent;padding:14px 22px}.board-filter a.active{background:transparent;color:#092844;border-bottom-color:var(--gold);font-weight:700}.post-list{gap:0;border-top:1px solid var(--line)}.post-list-card{position:relative;grid-template-columns:220px 1fr auto;align-items:center;gap:35px;padding:32px 15px;border:0;border-bottom:1px solid var(--line);background:transparent}.post-list-card:hover{transform:none;background:#fff;box-shadow:0 18px 50px rgba(3,26,50,.08);padding-left:25px;padding-right:25px}.post-list-card img,.post-placeholder{width:220px;height:145px;object-fit:cover}.post-placeholder{display:grid;place-content:center;text-align:center;background:linear-gradient(135deg,#082b4b,#03172b);color:#d7ae64}.post-placeholder b{font:600 33px Georgia,serif}.post-placeholder small{font-size:9px;letter-spacing:.18em;color:rgba(255,255,255,.55)}.post-list-card>i{font-style:normal;font-size:24px;color:var(--gold)}
.article-wrap{width:min(calc(100% - 40px),920px);margin-top:100px}.article-head{text-align:center;padding:0 5% 55px}.article-head span{display:inline-block;padding:7px 13px;background:#f2eee5;color:#8a672c}.article-head h1{font-size:clamp(36px,5vw,54px);letter-spacing:-.045em}.article-head p{max-width:720px;margin:20px auto;font-size:17px}.article-content{max-width:760px;margin:auto;padding:65px 0;font-size:17px;line-height:2.1}.article-content:first-letter{font-size:2.2em;color:#9d772f}.article-actions{padding:22px 0;border-bottom:1px solid var(--line)}.article-nav{display:grid;grid-template-columns:1fr 1fr;margin-top:25px;border:1px solid var(--line)}.article-nav a{padding:20px;text-decoration:none;color:inherit}.article-nav a+ a{border-left:1px solid var(--line);text-align:right}.article-nav small{display:block;color:#9b7737}.article-nav b{display:block;margin-top:5px;font-size:13px}.related{margin-top:80px}.related>p{margin:0;color:#9a7434;font-size:10px;letter-spacing:.2em}.related h2{margin:8px 0 25px}.related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related a{position:relative;min-height:150px;padding:22px;border:1px solid var(--line);text-decoration:none;color:inherit;background:#fff}.related span{color:#997436;font-size:11px}.related b{display:block;margin-top:14px}.related i{position:absolute;right:18px;bottom:14px;color:var(--gold);font-style:normal}
@media(max-width:700px){.board-hero{padding:80px 0 70px}.post-list-card{grid-template-columns:1fr;padding:24px 0}.post-list-card img,.post-placeholder{width:100%;height:190px}.post-list-card>i{display:none}.article-head{text-align:left;padding-left:0;padding-right:0}.article-nav,.related>div{grid-template-columns:1fr}.article-nav a+ a{border-left:0;border-top:1px solid var(--line);text-align:left}.board-header .container:after{left:15px}}