@font-face{font-family:Instrument;font-style:normal;font-weight:400;font-display:swap;src:url(/bl-themes/yardage/fonts/serif-400.woff2) format("woff2")}
@font-face{font-family:Instrument;font-style:italic;font-weight:400;font-display:swap;src:url(/bl-themes/yardage/fonts/serif-400i.woff2) format("woff2")}
@font-face{font-family:Schibsted;font-style:normal;font-weight:400;font-display:swap;src:url(/bl-themes/yardage/fonts/sans-400.woff2) format("woff2")}
@font-face{font-family:Schibsted;font-style:normal;font-weight:500;font-display:swap;src:url(/bl-themes/yardage/fonts/sans-500.woff2) format("woff2")}
@font-face{font-family:Schibsted;font-style:normal;font-weight:700;font-display:swap;src:url(/bl-themes/yardage/fonts/sans-700.woff2) format("woff2")}
:root{--felt:#1c2a1c;--card:#f4ecd4;--ink:#1a1810;--rule:#c9be9e;--green:#2d5a32;--mute:#5c584c}
*{box-sizing:border-box}
html{font-size:18px}
body{margin:0;background:var(--felt);color:var(--card);font-family:Schibsted,sans-serif;line-height:1.55}
a{color:#d5c07a}
a:hover{color:#f0e2a8}
img{max-width:100%;height:auto;display:block}
.skip{position:absolute;left:-999px}
.skip:focus{left:1rem;top:1rem;background:var(--card);color:var(--ink);padding:.4rem;z-index:9}
.top{padding:.8rem 1.2rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #2a3b2a}
.mark{margin:0;font-family:Instrument,serif;font-size:1.35rem}
.mark a{color:var(--card);text-decoration:none}
.tag{margin:.1rem 0 0;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:#a9b8a9}
.nav-toggle{display:none;font:inherit;background:var(--card);color:var(--felt);border:0;padding:.3rem .6rem}
.nav{display:flex;flex-wrap:wrap;gap:.2rem 1rem;font-size:.9rem}
.nav a{color:var(--card);text-decoration:none}
.nav a[aria-current="page"]{border-bottom:2px solid #d5c07a}
.wrap{max-width:48rem;margin:1.3rem auto 2.5rem;padding:0 1rem}
.card{background:var(--card);color:var(--ink);padding:1.5rem 1.6rem 2rem;border:1px solid #2a3b2a;box-shadow:0 0 0 6px #243324}
.kicker{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:700;margin:0 0 .35rem}
h1{font-family:Instrument,serif;font-weight:400;font-size:2.15rem;line-height:1.15;margin:.1rem 0 .8rem}
h2{font-family:Instrument,serif;font-weight:400;font-size:1.35rem;margin:1.6rem 0 .45rem}
.lede{font-family:Instrument,serif;font-size:1.15rem}
.fig{margin:1rem 0 1.3rem}
.fig img{width:100%;aspect-ratio:16/9;object-fit:cover}
table.score{border-collapse:collapse;width:100%;margin:1rem 0 1.3rem;font-size:.95rem}
table.score th,table.score td{border-bottom:1px solid var(--rule);text-align:left;padding:.4rem .4rem .4rem 0;vertical-align:top}
table.score th{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);font-weight:700}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;margin:1rem 0}
.grid a{display:block;background:#fffdf6;border:1px solid var(--rule);padding:.8rem .9rem;text-decoration:none;color:var(--ink)}
.grid a:hover{border-color:var(--green)}
.grid strong{display:block;font-family:Instrument,serif;font-size:1.15rem;font-weight:400}
.err{background:#f3d2c6;padding:.6rem .8rem;border-left:3px solid #8b1e1e}
form label{display:block;margin:1rem 0 .25rem;font-weight:700}
form input,form textarea{width:100%;max-width:32rem;font:inherit;padding:.45rem .5rem;border:1px solid var(--rule);background:#fff}
form textarea{min-height:9rem}
form button{margin-top:1rem;background:var(--felt);color:var(--card);border:0;padding:.55rem 1.1rem;font:inherit;cursor:pointer}
.hp{position:absolute;left:-8000px;width:1px;height:1px;overflow:hidden}
.foot{max-width:48rem;margin:0 auto 3rem;padding:0 1rem;font-size:.85rem;color:#a9b8a9}
.foot a{color:#d5c07a}
@media(max-width:700px){
 .nav-toggle{display:inline-block}
 .nav{display:none;width:100%;flex-direction:column}
 .nav.open{display:flex}
 .top{flex-wrap:wrap}
 .grid{grid-template-columns:1fr}
 h1{font-size:1.7rem}
}