:root{--ground:#F6F1E4;--ground2:#EDE5D2;--ink:#1C2B4A;--muted:#55607A;--line:#C9BFA8;--gold:#C8962E;--goldtext:#8A6418;--red:#B3282D;--btnbg:#1C2B4A;--btnfg:#FFFFFF;--btnhover:#2B3D63;--card:#F6F1E4;--field:#FFFFFF;--warnbg:#F6E3BE;--warnfg:#7A4300;--okfg:#1F6B3A;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--ground:#121B2F;--ground2:#1A2640;--ink:#F3ECDD;--muted:#B5BCCB;--line:#34456B;--gold:#C8962E;--goldtext:#DDB25C;--btnbg:#F3ECDD;--btnfg:#1C2B4A;--btnhover:#FFFFFF;--card:#16213A;--field:#0E1626;--warnbg:#3A2E14;--warnfg:#F0CE86;--okfg:#7FD19B}}
:root[data-theme="dark"]{--ground:#121B2F;--ground2:#1A2640;--ink:#F3ECDD;--muted:#B5BCCB;--line:#34456B;--gold:#C8962E;--goldtext:#DDB25C;--btnbg:#F3ECDD;--btnfg:#1C2B4A;--btnhover:#FFFFFF;--card:#16213A;--field:#0E1626;--warnbg:#3A2E14;--warnfg:#F0CE86;--okfg:#7FD19B}
html{scroll-padding-top:env(safe-area-inset-top,0px);background:var(--ground)}
body{margin:0;background:var(--ground);color:var(--ink);font-family:Jost,'Helvetica Neue',Arial,sans-serif;font-size:17px;line-height:1.65;-webkit-text-size-adjust:100%}
*,*:before,*:after{box-sizing:border-box}
a{color:var(--ink)}a:hover{color:var(--goldtext)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
img{max-width:100%}
.wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.site h1,.site h2,.site h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;margin:0;text-wrap:balance}
.site h1{font-size:76px;line-height:1}
.site h2{font-size:48px;line-height:1.08}
.site h3{font-size:28px;line-height:1.2;font-weight:600}
.site p{margin:0;text-wrap:pretty}
.site .h1s{font-size:64px;margin-bottom:24px}
.site .h1p{font-size:60px}
.kicker{font-size:14px;font-weight:500;color:var(--goldtext);margin:0 0 14px!important;letter-spacing:.06em}
.lead{font-size:20px;line-height:1.6;max-width:34em}
.muted{color:var(--muted)}
.small{font-size:14px}
.mb{margin-bottom:48px!important}
.stack{display:flex;flex-direction:column;gap:22px}
.narrow{max-width:640px}
.ja{font-family:'Noto Sans JP','Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:16px;line-height:2;letter-spacing:.04em;line-break:strict;word-break:auto-phrase;overflow-wrap:anywhere}
.ja h1,.ja h2,.ja h3{font-family:'Noto Serif JP','Hiragino Mincho ProN','Yu Mincho',serif;font-feature-settings:"palt";letter-spacing:.08em;font-weight:500}
.site.ja h1{font-size:52px;line-height:1.45}
.site.ja h2{font-size:34px;line-height:1.5}
.site.ja h3{font-size:22px;line-height:1.6;font-weight:600}
.site.ja .h1s{font-size:42px}
.site.ja .h1p{font-size:38px}
.ja .kicker{letter-spacing:.16em}
.ja .lead{font-size:17px;line-height:2.1;max-width:36em}
.tate{writing-mode:vertical-rl;font-family:'Noto Serif JP',serif;font-size:22px;letter-spacing:.35em;line-height:1.8;white-space:nowrap}
.masthead{border-bottom:1px solid var(--line);background:var(--ground)}
.masthead .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;padding-top:16px;padding-bottom:16px}
.logo img,.flogo{height:52px;width:auto;display:block}
.dk{display:none!important}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .lt{display:none!important}:root:not([data-theme="light"]) .dk{display:block!important}}
:root[data-theme="dark"] .lt{display:none!important}:root[data-theme="dark"] .dk{display:block!important}
.nav{display:flex;flex-wrap:wrap;gap:4px 20px;font-size:14.5px}
.nav a{text-decoration:none;padding:10px 0}
.langs{display:flex;gap:6px}
.langs a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--ink);border-radius:999px;font-size:13px;text-decoration:none}
.langs a.on{background:var(--btnbg);color:var(--btnfg);border-color:var(--btnbg)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;background:var(--btnbg);color:var(--btnfg);text-decoration:none;font:inherit;font-weight:500;letter-spacing:.03em;border:1px solid var(--btnbg);cursor:pointer}
.btn:hover{background:var(--btnhover);color:var(--btnfg)}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.gold{background:var(--gold);border-color:var(--gold);color:#1C2B4A}
.btn.danger{background:transparent;color:var(--red);border-color:var(--red)}
.btn[disabled]{opacity:.45;cursor:not-allowed}
.btn.sm{min-height:40px;padding:0 14px;font-size:14px}
.ctas{display:flex;flex-wrap:wrap;gap:14px}
.ph{background:var(--ground2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:14px;padding:24px;flex:1}
.ph.tall{min-height:520px}
.hero{padding:96px 0 104px}
.herotext{display:flex;flex-direction:column;gap:28px}
.heroimg{display:flex;gap:28px;align-items:stretch}
.figs{padding:0 0 96px}
.figs .grid3{margin-top:56px}
.sec{padding:112px 0}
.page{padding:72px 0 112px}
.product{padding:32px 0 96px}
.alt{background:var(--ground2)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));gap:56px;align-items:center}
.grid2.align-top{align-items:start}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:32px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:24px}
.sechead{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.stripes{display:block;width:100%;height:56px}
.fig b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:52px;line-height:1.1}
.ja .fig b{font-family:'Noto Serif JP',serif;font-size:36px;line-height:1.5}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:72px;position:relative;list-style:none;padding:0}
.steps:before{content:"";position:absolute;left:0;right:0;top:7px;height:2px;background:var(--ink)}
.step{position:relative;padding:40px 28px 0 0}
.step:before{content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:var(--ink)}
.step.gold:before{background:var(--gold)}
.step b{display:block;font-size:19px;line-height:1.3;margin-bottom:6px}
.ja .step b{font-family:'Noto Serif JP',serif;font-weight:600;font-size:18px}
@media (max-width:860px){.steps{grid-template-columns:1fr;margin-top:48px}.steps:before{left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto}.step{padding:0 0 32px 44px}.step:last-child{padding-bottom:0}.step:before{top:5px}}
.card{background:var(--card);border:1px solid var(--line);padding:32px;display:flex;flex-direction:column;gap:12px;text-decoration:none}
.card:hover{border-color:var(--ink);color:var(--ink)}
.more{margin-top:auto;font-weight:500;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.pair{border-top:2px solid var(--gold);padding-top:18px}
.pair b{display:block;font-size:20px;margin-bottom:6px}
.ja .pair b{font-family:'Noto Serif JP',serif;font-weight:600}
.quote{font-family:'Cormorant Garamond',Georgia,serif;font-size:40px;line-height:1.2}
.ja .quote{font-family:'Noto Serif JP',serif;font-size:28px;line-height:1.8;letter-spacing:.06em}
.sig{font-weight:500}
.trade{background:#1C2B4A;color:#FFFFFF}
.trade h2{color:#FFFFFF}
.trade p{color:#FFFFFF}
.tradel{display:flex;gap:32px;align-items:center}
.trademark{width:54px;height:90px;flex:none}
@media (max-width:700px){.trademark{display:none}}
.trade .wrap{display:flex;flex-wrap:wrap;gap:32px;align-items:center;justify-content:space-between;padding-top:88px;padding-bottom:88px}
.foot{padding:64px 0 40px;font-size:14px;background:#131E35;color:#F6F1E4;border-top:3px solid #C8962E}
.foot .muted,.foot .legal{color:#C9CEDA}
.foot a{color:#F6F1E4}.foot a:hover{color:#E3B85C}
.foot .legal{border-top-color:#34456B}
.flogo{height:60px;width:auto}
.foot .wrap{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;align-items:flex-start}
.fcol{max-width:360px}.fcol p{margin-top:14px}
.adminlink{font-size:13px}
.legal{border-top:1px solid var(--line);margin-top:24px;padding-top:20px;font-size:13px;color:var(--muted);width:100%}
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:40px 0 32px}
.flabel{font-size:13px;color:var(--muted);margin:0 2px 0 12px}
.flabel:first-child{margin-left:0}
.chip{min-height:44px;padding:0 16px;border:1px solid var(--ink);background:transparent;color:var(--ink);font:inherit;font-size:14px;cursor:pointer}
.chip.on{background:var(--btnbg);color:var(--btnfg);border-color:var(--btnbg)}
.wine{border:1px solid var(--line);background:var(--card);display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.wine:hover{border-color:var(--ink);color:var(--ink)}
.wine .img{background:var(--ground2);height:280px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;font-size:12px;color:var(--muted)}
.wine .img img{width:72px;height:120px}
.wine .body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:6px;flex:1}
.tier{display:inline-block;align-self:flex-start;font-size:12px;letter-spacing:.1em;padding:4px 10px;border:1px solid var(--goldtext);color:var(--goldtext)}
.tier.t0{background:var(--btnbg);border-color:var(--btnbg);color:var(--btnfg)}
.empty{padding:48px 0;color:var(--muted)}
.crumb{font-size:13px;color:var(--muted);padding:28px 0 0;margin:0}
.crumb a{color:var(--muted)}
.specs{width:100%;border-collapse:collapse;font-size:15px}
.specs th{text-align:left;font-weight:500;padding:12px 16px 12px 0;border-bottom:1px solid var(--line);width:38%;vertical-align:top}
.specs td{padding:12px 0;border-bottom:1px solid var(--line)}
.bottle{background:var(--ground2);min-height:600px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--muted);font-size:13px}
.bottle img{width:150px;height:250px}
@media (max-width:700px){.wrap{padding:0 20px}.site h1{font-size:46px}.site.ja h1{font-size:34px}.site h2{font-size:34px}.site.ja h2{font-size:26px}.site .h1s,.site .h1p{font-size:40px}.site.ja .h1s,.site.ja .h1p{font-size:30px}.sec{padding:72px 0}.hero{padding:56px 0 64px}.tate{display:none}.quote{font-size:30px}.ja .quote{font-size:22px}.ph.tall{min-height:320px}.bottle{min-height:380px}}
/* back office */
.bo{display:flex;flex-wrap:wrap;min-height:100vh;background:var(--ground2);color:var(--ink);font-size:15px;line-height:1.55}
.side{flex:1 1 220px;max-width:260px;background:#1C2B4A;color:#FFFFFF;padding:28px 18px;display:flex;flex-direction:column;gap:4px}
.bologo{width:auto;height:56px;display:block;margin-bottom:6px}
.side .sub{font-size:13px;color:#E3B85C;margin-bottom:24px}
.side a{color:#FFFFFF;text-decoration:none;padding:11px 12px;display:flex;justify-content:space-between;min-height:44px;align-items:center}
.side a.on{background:#2B3D63;box-shadow:inset 0 -2px 0 #C8962E}
.side a:hover{color:#FFFFFF;background:#2B3D63}
.side .sitelink{margin-top:24px;font-size:13px}
@media (max-width:700px){.side{max-width:none;flex-basis:100%}}
.main{flex:999 1 560px;min-width:0;padding:32px 40px 56px}
@media (max-width:700px){.main{padding:24px 16px 48px}}
.bo h1{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:40px;line-height:1.1;margin:0}
.bo h2{font-size:17px;font-weight:500;margin:0 0 14px}
.bar{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:24px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.panel{background:var(--card);border:1px solid var(--line);padding:24px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(170px,100%),1fr));gap:16px;margin-bottom:24px}
.kpi b{display:block;font-family:'Cormorant Garamond',Georgia,serif;font-size:36px;font-weight:500;line-height:1.1}
.scroll{overflow-x:auto}
.bt{width:100%;border-collapse:collapse;min-width:860px}
.bt.gl{min-width:640px}
.bt th{text-align:left;font-size:13px;color:var(--muted);font-weight:500;padding:10px 12px;border-bottom:2px solid var(--ink)}
.bt td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}
.bt input{width:100%;min-height:40px;border:1px solid var(--line);background:var(--field);color:var(--ink);padding:0 10px;font:inherit}
.num{font-variant-numeric:tabular-nums;white-space:nowrap}
.strong{font-weight:500}
.pill{display:inline-block;font-size:12px;padding:3px 10px;border:1px solid currentColor;white-space:nowrap;line-height:1.5}
.pill.ok{color:var(--okfg)}
.pill.rev{color:var(--warnfg);background:var(--warnbg);border-color:var(--gold)}
.pill.draft{color:var(--muted)}
.pill.pub{background:var(--btnbg);color:var(--btnfg);border-color:var(--btnbg)}
.cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.colL,.colR{flex:1 1 420px;min-width:0}
.f{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.f label{font-size:13px;font-weight:500}
.f input,.f select,.f textarea{border:1px solid var(--line);background:var(--field);padding:10px 12px;font:inherit;color:var(--ink);border-radius:2px;min-height:44px;width:100%}
.f textarea{resize:vertical;line-height:1.6}
.row2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(180px,100%),1fr));gap:0 16px}
.check{display:flex;gap:10px;align-items:center;min-height:44px;font-size:15px}
.check input{width:20px;height:20px;accent-color:#1C2B4A}
.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid var(--ink);margin-bottom:16px}
.tab{min-height:44px;padding:0 14px;border:1px solid var(--line);border-bottom:none;background:var(--ground2);font:inherit;color:var(--ink);cursor:pointer;display:flex;gap:8px;align-items:center}
.tab.on{background:var(--btnbg);color:var(--btnfg);border-color:var(--btnbg)}
.tab.on .pill{background:transparent;color:var(--btnfg)}
.jaf input,.jaf textarea,input.jaf{font-family:'Noto Sans JP',sans-serif;line-height:1.9;line-break:strict}
.note{background:var(--warnbg);color:var(--warnfg);border:1px solid var(--gold);padding:12px 14px;font-size:14px;margin-bottom:16px}
.toast{background:var(--btnbg);color:var(--btnfg);padding:12px 16px;margin-bottom:20px;font-size:14px}
.busy{display:flex;gap:12px;align-items:center;background:var(--card);border:1px solid var(--gold);padding:12px 16px;margin-bottom:20px}
.spin{width:16px;height:16px;border:2px solid var(--line);border-top-color:var(--gold);border-radius:50%;animation:sp 1s linear infinite}
@keyframes sp{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.spin{animation:none}}
/* histoires de voile */
.story{border-top:2px solid var(--gold);padding-top:20px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--ink)}
.story:hover{color:var(--ink)}
.story:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.sdate{font-size:13px;color:var(--muted);margin:0}
.spacer{height:48px}
.article{padding:0 0 104px}
.article .col{max-width:720px;margin:0 auto}
.article .sdate{margin:56px 0 18px}
.article .lead{margin-top:24px;max-width:none}
.article .stripes{max-width:720px;margin:56px auto}
.site .h1a{font-size:60px;line-height:1.05}
.site.ja .h1a{font-size:38px;line-height:1.5}
.prose p{margin:0 0 1.4em;font-size:19px;line-height:1.75}
.ja .prose p{font-size:17px;line-height:2.1}
.prose .sig{margin-top:40px;font-size:16px}
@media (max-width:700px){.site .h1a{font-size:40px}.site.ja .h1a{font-size:28px}.prose p{font-size:17px}.article .stripes{margin:40px auto}}
/* passeurs */
.phead{margin-bottom:56px;align-items:end}
.phead .kicker{margin:0!important}
.passeur{display:flex;flex-direction:column;gap:10px}
.pphoto{flex:none;height:400px;min-height:0;margin-bottom:12px}
.prole{font-size:15px;color:var(--goldtext);margin:0}
.flab{font-size:13px;font-weight:500}
@media (max-width:700px){.pphoto{height:320px}}
/* photos */
.photo{display:block;width:100%;object-fit:cover;background:var(--ground2)}
.photo.tall{height:600px}
.heroimg .photo{flex:1;min-width:0}
.pairs2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:28px}
.tradeimg .photo{height:420px;object-position:center 60%}
.photo.scover{aspect-ratio:4/3;height:auto;margin-bottom:6px}
.story{border-top:none;padding-top:0}
.story .sdate{border-top:2px solid var(--gold);padding-top:14px}
.photo.acover{aspect-ratio:4/3;height:auto;margin-top:40px}
@media (max-width:700px){.photo.tall{height:420px}.tradeimg .photo{height:280px}}
.groupfig{margin:0 0 48px}
.photo.group{aspect-ratio:3/2;height:auto;object-position:center 35%}
.passeur{border-top:2px solid var(--gold);padding-top:18px}
/* protection des visuels (dissuasif) */
.site img,.photo{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;pointer-events:none}
.acc{list-style:none;margin:0 0 16px;padding:0}
.acc li{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
/* page À table */
.tablehero{padding:0 0 24px}
.photo.wide{aspect-ratio:21/9;height:auto;object-position:center 45%}
.dishes{display:flex;flex-direction:column}
.dish{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:16px 56px;padding:44px 0;border-top:1px solid var(--line)}
.dish:first-child{border-top:2px solid var(--ink)}
.dish h3{margin:0}
.dish dl{margin:0;display:grid;gap:18px}
.dish dt{font-size:13px;font-weight:500;color:var(--goldtext);margin-bottom:4px}
.dish dd{margin:0}
.dish .jp{border-left:2px solid var(--gold);padding-left:18px}
.echo{border-top:2px solid var(--gold);padding-top:18px}
.echo h3{margin-bottom:10px!important}
.site .echo h3{font-size:24px}
.site.ja .echo h3{font-size:20px}
@media (max-width:860px){.dish{grid-template-columns:1fr}.photo.wide{aspect-ratio:4/3}}

/* surtitres dorés : même typographie que la baseline du logo « VIN JAUNE DU JURA » */
.kicker,.dish dt,.prole,.side .sub{font-family:Jost,'Helvetica Neue',Arial,sans-serif;font-weight:500;font-size:12px;line-height:1.5;letter-spacing:.32em;text-transform:uppercase;color:var(--goldtext)}
.kicker{margin:0 0 18px!important}
.dish dt{font-size:11px;margin-bottom:8px}
.ja .kicker,.ja .dish dt,.ja .prole{font-family:Jost,'Noto Sans JP',sans-serif;font-size:12.5px;letter-spacing:.22em;text-transform:none}
/* guide offert & Unveiled */
.offers{padding-top:0}
.offer{border:1px solid var(--line);background:var(--card);padding:40px;display:flex;flex-direction:column;gap:16px;align-items:flex-start;height:100%}
.offer.dark{background:#1C2B4A;border-color:#1C2B4A;color:#F6F1E4}
.offer.dark h2,.offer.dark p{color:#F6F1E4}
.offer.dark .kicker{color:#E3B85C}
.site .unveiled{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic;font-weight:500;letter-spacing:.02em}
.site h1.unveiled{font-size:96px;line-height:1}
.narrowcol{max-width:760px}
.glist{list-style:none;margin:28px 0 0;padding:0}
.glist li{padding:12px 0 12px 28px;border-bottom:1px solid var(--line);position:relative}
.glist li:before{content:"";position:absolute;left:0;top:22px;width:14px;height:3px;background:var(--gold)}
.gbox{background:var(--ground2);border:1px solid var(--line);padding:36px}
.gform{display:flex;flex-direction:column;gap:16px;align-items:stretch}
.gform .f input{border:1px solid var(--line);background:var(--field);color:var(--ink);font:inherit;padding:12px 14px;min-height:50px;width:100%}
.gform .check{align-items:flex-start;font-size:14px;line-height:1.5}
.gform .check input{margin-top:3px;flex:none}
.gform .btn[disabled]{opacity:.5}
.gpriv{color:var(--muted);margin:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.sjhero{padding:80px 0 104px}
.fmt{border-top:2px solid var(--gold);padding-top:20px;display:flex;flex-direction:column;gap:8px}
.site .fmt h3{font-family:'Cormorant Garamond',Georgia,serif;font-style:italic;font-size:30px}
.fwhen{font-family:Jost,sans-serif;font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--goldtext);margin:0}
.ja .fwhen{letter-spacing:.12em;text-transform:none}
.vsteps{grid-template-columns:1fr!important;margin-top:0;list-style:none;padding:0}
.vsteps:before{left:7px;right:auto;top:8px;bottom:8px;width:2px;height:auto}
.vsteps .step{padding:0 0 32px 44px}
.vsteps .step:before{top:5px}
.vsteps .step:last-child{padding-bottom:0}
@media (max-width:700px){.site h1.unveiled{font-size:64px}.offer{padding:28px}.gbox{padding:24px}}
.gopts{border:0;margin:0 0 4px;padding:0;display:flex;flex-direction:column;gap:10px}
.gopts legend{font-size:13px;font-weight:500;margin-bottom:8px}
.gopt{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);background:var(--field);cursor:pointer}
.gopt:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.gopt input{margin-top:5px;flex:none;width:18px;height:18px;accent-color:#1C2B4A}
.gopt b{display:block;font-weight:500;margin-bottom:2px}
.gopt .small{display:block;line-height:1.5}

.chooser{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px;text-align:center}.chooser nav{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.chooser nav a{display:inline-flex;align-items:center;min-height:52px;padding:0 28px;border:1px solid var(--ink);text-decoration:none;font-size:17px}.chooser nav a:hover{background:var(--btnbg);color:var(--btnfg)}