.op{--ink:#101418;--paper:#FFFFFF;--ground:#F3F4F6;--rule-soft:#E3E6EA;--rule-mid:#D5D9DE;--text-2:#3B424C;--text-3:#545B66;
--text-on-dark-2:#C9CED6;--text-on-dark-3:#9AA3AE;--dark-rule:#3A414B;--accent:#F5B700;--accent-wash:#FFF4CC;
--house-commons:#00623B;--house-lords:#9B1B30;--house-committee:#00623B;--verdict-answered:#00623B;--verdict-partly:var(--accent);
--verdict-dodged:var(--ink);
--rec-accepted:#00623B;--rec-partly:#E58A00;--rec-noted:#3D5A80;--rec-rejected:#B42318;
--ground-soft:#FAFAFB;--commons-wash:#E8F2EC;--text-off:#B8BEC6;--unknown:#C4C6CA;
--font-ui:'Schibsted Grotesk','Helvetica Neue',Arial,sans-serif;--font-said:'Source Serif 4',Georgia,'Times New Roman',serif;
--font-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:20px;--s6:24px;--s7:32px;--s8:48px;--s9:56px;--s10:64px;--s11:88px;
--rule:1px solid var(--ink);--rule-2:2px solid var(--ink);--edge:inset 0 0 0 1px rgba(16,20,24,.25);--shadow-hero:10px 10px 0 var(--accent);
--content:1240px;--gutter:32px;--touch:44px}
.op,.op body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.5;
-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.op *,.op *::before,.op *::after{box-sizing:border-box;border-radius:0}
.op--public,.op--public body{background:var(--paper)}
:where(.op) a{color:var(--ink)}
:where(.op) a:hover{color:var(--house-commons)}
.op :focus-visible{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 5px var(--ink)}
.op [hidden]{display:none!important}
.op-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.op-skip{position:absolute;left:var(--s2);top:-100px;z-index:10;background:var(--accent);color:var(--ink);padding:var(--s3) var(--s4);font-weight:700}
.op-skip:focus{top:var(--s2)}
.op-mono,.op-card__title,.op-house,.op-live,.op-chip,.op-verdict,.op-call,.op-turn__meta,.op-turn__time,.op-banner,.op-biz__when,
.op-rel__ctx,.op-cal__month,.op-cal__grid th,.op-cal__note,.op-who__count,.op-who__role,.op-vcard__who,.op-price__aud,
.op-side__label,.op-side__tier,.op-cite,.op-source__where,.op-source__meta,.op-notcov__label,.op-tag,.op-card__aside,.op-empty--mono{
font-family:var(--font-mono);font-weight:400}

/* wordmark: the stored asset, inline so it takes the text colour */
.op-wordmark{display:inline-flex;align-items:center;color:inherit;text-decoration:none;line-height:0;font-size:22px}
.op-wordmark svg{height:.808em;width:auto;display:block;flex:none}
.op-wordmark--nav{font-size:26px}
a.op-wordmark:hover{color:inherit;opacity:.8}

/* House tag and markers */
.op-house{display:inline-block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;line-height:1.3;color:var(--paper)}
.op-house--commons{background:var(--house-commons)}
.op-house--lords{background:var(--house-lords)}
.op-house--committee{background:var(--paper);color:var(--house-committee);box-shadow:inset 0 0 0 1.5px var(--house-committee);font-weight:500}
.op-marker{display:inline-block;width:10px;height:10px;flex:0 0 10px}
.op-marker--commons,.op-marker--written{background:var(--house-commons)}
.op-marker--lords{background:var(--house-lords)}
.op-marker--committee{background:var(--paper);box-shadow:inset 0 0 0 2px var(--house-committee)}
:is(.op-side,.op-menu) .op-marker--committee{background:transparent;box-shadow:inset 0 0 0 2px var(--paper)}
:is(.op-side,.op-menu) a.op-side__link[aria-current="page"] .op-marker--committee{box-shadow:inset 0 0 0 2px var(--ink)}
.op-rel .op-marker{width:12px;height:12px;flex-basis:12px;margin-top:3px;box-shadow:var(--edge)}
.op-rel .op-marker--committee{box-shadow:inset 0 0 0 2px var(--house-committee)}

/* live chip, chips, verdicts */
.op-live{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:var(--ink);font-size:12px;letter-spacing:.06em;
text-transform:uppercase;padding:4px 8px;line-height:1.3}
.op-live__dot{width:7px;height:7px;border-radius:50%!important;background:var(--ink);display:inline-block}
.op-chip{display:inline-block;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;line-height:1.4;white-space:nowrap}
.op-chip--now{background:var(--accent);color:var(--ink)}
.op-chip--alert{background:var(--commons-wash);color:var(--house-commons)}
.op-chip--identifying{background:var(--rule-soft);color:var(--ink)}
.op-verdict{display:inline-block;align-self:flex-start;font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:3px 7px;line-height:1.4;white-space:nowrap}
.op-verdict--answered{box-shadow:inset 0 0 0 1.5px var(--verdict-answered);color:var(--verdict-answered);font-weight:500}
.op-verdict--partly{background:var(--verdict-partly);color:var(--ink)}
.op-verdict--dodged{background:var(--verdict-dodged);color:var(--paper)}
.op-tag{display:inline-block;align-self:flex-start;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;background:var(--house-commons);color:var(--paper)}
.op-banner{background:var(--accent);color:var(--ink);padding:8px var(--gutter);font-size:12px;letter-spacing:.06em;text-transform:uppercase}

/* swatches */
.op-swatch{display:inline-block;width:12px;height:12px;flex:0 0 12px;background:var(--sw,var(--unknown));box-shadow:var(--edge)}
.op-swatch--chair{background:var(--paper);box-shadow:inset 0 0 0 1px var(--text-3)}
.op-swatch--witness{background:var(--paper);box-shadow:inset 0 0 0 2px var(--ink)}
.op-swatch--unidentified{background:repeating-linear-gradient(135deg,var(--unknown) 0 3px,var(--paper) 3px 6px);box-shadow:var(--edge)}

/* buttons */
.op-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--paper);color:var(--ink);border:1px solid var(--ink);
padding:6px 10px;font:600 13px/1.3 var(--font-ui);text-decoration:none;cursor:pointer;min-height:32px}
.op-btn:hover{background:var(--ground);color:var(--ink)}
.op-btn--primary{background:var(--ink);color:var(--paper);font-size:15px;font-weight:600;padding:12px 18px;min-height:var(--touch)}
.op-btn--primary:hover{background:var(--text-2);color:var(--paper)}
.op-btn--large{font-size:15px;padding:12px 18px;min-height:var(--touch)}
.op-btn--block{display:flex;width:100%;padding:17px 22px;font-weight:700;font-size:15px}

/* cards */
.op-card{background:var(--paper);border:var(--rule);display:flex;flex-direction:column;min-width:0}
.op-card--dark{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.op-card__bar{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);padding:12px 16px;border-bottom:var(--rule)}
.op-card--dark .op-card__bar{border-bottom-color:var(--dark-rule)}
.op-card__title{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;line-height:1.4}
.op-card__aside{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}
.op-card__aside a{font-family:var(--font-ui);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}
.op-empty{margin:0;padding:14px 16px;color:var(--text-3);font-size:14px}
.op-card--dark .op-empty{color:var(--text-on-dark-2)}
.op-list{list-style:none;margin:0;padding:0}

/* the speaker turn */
.op-turn{padding:var(--s5);display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--rule-soft)}
.op-turn--party{box-shadow:inset 4px 0 0 var(--party)}
.op-turn--muted{background:var(--ground-soft)}
.op-turn__head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.op-turn__name{font-size:16px;font-weight:700}
.op-turn--muted .op-turn__name{color:var(--text-3)}
.op-turn__meta{font-size:12px;color:var(--text-3)}
.op-turn__end{margin-left:auto;display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.op-turn__time{font-size:11px;color:var(--text-3)}
.op-turn__words{margin:0;font-family:var(--font-said);font-size:17px;line-height:1.65}
.op-turn__words+.op-turn__words{margin-top:2px}
.op-turn__actions{display:flex;gap:6px;flex-wrap:wrap}
.op-cursor{display:inline-block;width:9px;height:18px;background:var(--ink);vertical-align:-3px;margin-left:3px;animation:op-blink 1.1s steps(1) infinite}
@keyframes op-blink{50%{opacity:0}}
@media (prefers-reduced-motion:reduce){.op-cursor{animation:none}}
.op-call{padding:10px 20px;border-bottom:1px solid var(--rule-soft);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);background:var(--ground-soft)}

/* now speaking */
.op-now{padding:16px;display:flex;flex-direction:column;gap:6px}
.op-now__name{font-size:17px;font-weight:700;display:flex;align-items:center;gap:8px}
.op-now__what{font-size:14px;color:var(--text-on-dark-2)}

/* who spoke */
.op-who__group{border-bottom:1px solid var(--rule-soft)}
.op-who__group:last-child{border-bottom:0}
.op-who__group>summary{display:flex;align-items:center;gap:10px;padding:12px 16px;cursor:pointer;list-style:none;font-size:14px;min-height:var(--touch)}
.op-who__group>summary::-webkit-details-marker{display:none}
.op-who__party{flex:1;font-weight:600}
.op-who__group--muted .op-who__party{color:var(--text-3)}
.op-who__count{font-size:12px}
.op-who__chev{font-family:var(--font-mono);font-size:12px;transition:transform .15s}
.op-who__group[open]>summary .op-who__chev{transform:rotate(90deg)}
.op-who__list{list-style:none;margin:0;padding:0 16px 12px 38px;display:flex;flex-direction:column;gap:8px;font-size:14px}
.op-who__list li{display:flex;justify-content:space-between;align-items:baseline;gap:8px}
.op-who__list li>:first-child{flex:1 0 40%}
.op-who__role{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.04em;text-align:right}
.op-bell{flex:0 0 auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;
margin:-5px -6px -5px 0;padding:0;border:0;background:none;color:var(--text-3);cursor:pointer}
.op-bell svg{display:block}
.op-bell svg path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.op-bell:hover{color:var(--ink);background:var(--ground)}
.op-bell--on{color:var(--ink)}
.op-bell--on svg path{fill:currentColor}
.op-bell[aria-busy="true"]{opacity:.5;cursor:progress}

/* business today */
.op-biz__item{display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-bottom:1px solid var(--rule-soft);text-decoration:none}
.op-biz li:last-child .op-biz__item{border-bottom:0}
.op-biz__when{font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.02em}
.op-biz__title{font-size:14px}
.op-biz__note{font-size:12px;color:var(--text-3)}
.op-biz__item--current{background:var(--ink);color:var(--paper)}
.op-biz__item--current:hover{color:var(--paper)}
.op-biz__item--current .op-biz__when{color:var(--accent)}
.op-biz__item--current .op-biz__title{font-weight:600}
.op-biz__item--current .op-biz__note{color:var(--text-on-dark-2)}
.op-biz__repeat{display:block;padding:0 16px 12px;margin-top:-6px;font-size:12px}
.op-notcov{display:flex;flex-direction:column;gap:3px;padding:12px 16px;background:repeating-linear-gradient(135deg,var(--paper) 0 8px,var(--ground) 8px 16px)}
a.op-biz__notcov{display:block;text-decoration:none;color:inherit}
a.op-biz__notcov:hover .op-notcov__title{text-decoration:underline}
.op-biz__notcov--on .op-notcov{box-shadow:inset 4px 0 0 var(--ink)}
.op-notcov__label{font-size:11px;color:var(--text-3);text-transform:uppercase}
.op-notcov__title{font-size:14px;font-weight:600;color:var(--text-2)}
.op-notcov__when{font-size:12px;color:var(--text-3)}

/* related business */
.op-rel{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-bottom:1px solid var(--rule-soft);text-decoration:none}
.op-list li:last-child .op-rel{border-bottom:0}
.op-rel__text{display:flex;flex-direction:column;gap:2px}
.op-rel__ctx{font-size:11px;color:var(--text-3);text-transform:uppercase}
.op-rel__title{font-size:14px}

/* previous sittings calendar */
.op-cal__bar{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:var(--rule)}
.op-cal__month{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.op-cal__nav{font-family:var(--font-mono);font-size:14px;text-decoration:none;padding:2px 8px;min-width:32px;min-height:32px;display:inline-flex;align-items:center;justify-content:center}
span.op-cal__nav{color:var(--text-off)}
.op-cal__grid{width:100%;border-collapse:separate;border-spacing:3px;padding:7px 9px 11px;table-layout:fixed}
.op-cal__grid th{font-size:10px;color:var(--text-3);text-align:center;padding-bottom:4px;font-weight:400}
.op-cal__grid td{padding:0;text-align:center}
.op-cal__day{height:30px;display:flex;align-items:center;justify-content:center;font-size:13px;text-decoration:none;color:var(--text-3)}
.op-cal__day--off{color:var(--text-off)}
.op-cal__day--sat{background:var(--ground);color:var(--ink);font-weight:600;box-shadow:inset 0 -3px 0 var(--hc)}
a.op-cal__day--sat:hover{background:var(--rule-soft);color:var(--ink)}
.op-cal__day--today{background:var(--ink);color:var(--paper);font-weight:700}
a.op-cal__day--today:hover{color:var(--paper)}
.op-cal--commons,.op-cal--committee{--hc:var(--house-commons)}
.op-cal--lords{--hc:var(--house-lords)}
.op-cal__note{margin:0;font-size:10px;color:var(--text-3);padding:0 12px 12px;text-transform:uppercase;letter-spacing:.02em}

/* verdict card */
.op-vcard{background:var(--paper);color:var(--ink);padding:26px;display:flex;flex-direction:column;gap:16px}
.op-vcard__q{margin:0;font-family:var(--font-said);font-size:19px;line-height:1.4;font-weight:600}
.op-vcard__q a{text-decoration:none}
.op-vcard__gap{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.op-vcard__gap strong{color:var(--ink)}
.op-vcard__who{margin:0;margin-top:auto;padding-top:14px;border-top:1px solid var(--rule-mid);font-size:12px;line-height:1.5;color:var(--text-3)}
.op-vcard--compact{padding:14px 16px;gap:6px;border-bottom:1px solid var(--rule-soft)}
.op-vcard--compact:last-child{border-bottom:0}
.op-vcard--compact .op-vcard__q{font-size:15px;line-height:1.45;font-weight:400}
.op-vcard--compact .op-vcard__who{margin:0;padding:0;border:0;font-size:11px;text-transform:uppercase}

/* citation markers and the source panel */
.op-cite{display:inline-block;margin-left:6px;background:var(--ink);color:var(--paper);font-size:11px;padding:1px 5px;text-decoration:none;vertical-align:2px;line-height:1.4}
.op-cite:hover{color:var(--accent)}
.op-claim--selected{background:var(--accent-wash);outline:2px solid var(--accent);outline-offset:4px}
.op-source__body{padding:22px 20px;display:flex;flex-direction:column;gap:12px}
.op-source__where{margin:0;font-size:12px;color:var(--text-3);text-transform:uppercase}
.op-source__who{display:flex;flex-direction:column;gap:2px}
.op-source__who strong{font-size:16px;display:flex;align-items:center;gap:8px}
.op-source__meta{font-size:12px;color:var(--text-3)}
.op-source__words{margin:0;font-family:var(--font-said);font-size:16px;line-height:1.6}
.op-source__words mark{background:var(--accent);color:var(--ink);padding:0 2px}
.op-source__foot{margin-top:auto;padding:16px 20px;border-top:1px solid var(--rule-mid);display:flex;flex-direction:column;gap:10px}
.op-source__foot a{font-weight:600;font-size:15px}
.op-note{margin:0;font-size:13px;line-height:1.5;color:var(--text-3)}

/* pricing card */
.op-price{border:var(--rule);padding:36px;display:flex;flex-direction:column;gap:20px;background:var(--paper)}
.op-price--featured{border:var(--rule-2);box-shadow:var(--shadow-hero)}
.op-price__head{display:flex;justify-content:space-between;align-items:center;gap:12px}
.op-price__plan{margin:0;font-size:28px;font-weight:800;letter-spacing:-.02em}
.op-price__aud{font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.op-price__amt{margin:0;display:flex;align-items:baseline;gap:8px}
.op-price__num{font-size:64px;font-weight:800;letter-spacing:-.03em;line-height:1}
.op-price__per{font-size:17px;color:var(--text-2)}
.op-price__features{margin:0;font-size:16px;line-height:1.55;color:var(--text-2)}
.op-price__trial{margin:0;font-size:14px;color:var(--text-3);text-align:center}
.op-price__note{margin:-12px 0 0;font-size:14px;color:var(--text-3)}

/* page header for sittings */
.op-head{background:var(--paper);border-bottom:var(--rule);padding:22px var(--gutter);display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;align-items:flex-end}
.op-head__main{display:flex;flex-direction:column;gap:8px}
.op-head__tags{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.op-head__title{margin:0;font-size:34px;letter-spacing:-.02em;font-weight:800;line-height:1.1}
.op-head__side{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;text-align:right}
.op-head__side .op-note{font-family:var(--font-mono);font-size:12px}
.op-head__side a{font-weight:500}

/* the logged-in shell */
.op-app{min-height:100vh;display:flex}
.op-side{flex:0 0 248px;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;gap:24px;padding:24px 16px;min-height:100vh;position:sticky;top:0;align-self:flex-start;max-height:100vh;overflow-y:auto}
.op-side .op-wordmark{padding:0 8px;color:var(--paper)}
.op-side__group{display:flex;flex-direction:column;gap:2px;font-size:15px}
.op-side__label{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-on-dark-3);padding:0 12px 6px;font-weight:400}
.op-side__group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.op-side__link{color:var(--paper);text-decoration:none;padding:10px 12px;display:flex;align-items:center;gap:10px;min-height:var(--touch)}
:is(.op-side,.op-menu) a.op-side__link:hover{background:var(--text-2);color:var(--paper)}
:is(.op-side,.op-menu) a.op-side__link[aria-current="page"]{background:var(--paper);color:var(--ink);font-weight:700}
.op-side__account{margin-top:auto;border-top:1px solid var(--dark-rule);padding:16px 8px 0;display:flex;flex-direction:column;gap:4px}
.op-side__name{font-size:14px;font-weight:600}
.op-side__tier{font-size:12px;color:var(--text-on-dark-2);text-transform:uppercase}
.op-side__acts{display:flex;gap:16px;margin-top:6px}
.op-side__act{display:inline-flex;align-items:center;background:none;border:0;padding:6px 0;color:var(--paper);font:500 13px/1.3 var(--font-ui);text-decoration:underline;cursor:pointer;min-height:32px}
.op-side__act:hover{color:var(--accent)}
.op-main{flex:1 1 700px;min-width:0;display:flex;flex-direction:column}
.op-main>*{flex-shrink:0}
.op-page{padding:24px var(--gutter);display:flex;flex-direction:column;gap:20px}
.op-phonehead{display:none;justify-content:space-between;align-items:center;padding:14px 16px;background:var(--paper);border-bottom:var(--rule)}
.op-topbar{background:var(--paper);border-bottom:var(--rule);padding:12px var(--gutter);display:flex;align-items:center;gap:16px;min-height:69px}
.op-search{flex:1 1 auto;max-width:640px;min-width:0;margin:0}
.op-search__input{width:100%;height:44px;border:1px solid var(--ink);border-radius:0;padding:0 14px;font:400 15px/1.2 var(--font-ui);
background:var(--paper);color:var(--ink);box-shadow:none;outline-offset:2px}
.op-phonebar{display:none}
.op-houses{display:none}
.op-menu>summary{list-style:none;min-height:var(--touch);display:flex;align-items:center;gap:8px;padding:0 14px;border:1px solid var(--ink);
background:var(--paper);color:var(--ink);font:600 14px/1 var(--font-ui);cursor:pointer}
.op-menu>summary::-webkit-details-marker{display:none}
.op-menu[open]>summary{background:var(--ink);color:var(--paper)}
.op-menu__panel{position:absolute;left:0;right:0;top:100%;z-index:30;background:var(--ink);color:var(--paper);padding:16px;
display:flex;flex-direction:column;gap:20px;max-height:calc(100vh - 140px);max-height:calc(100dvh - 140px);overflow-y:auto}
.op-menu .op-side__account{margin-top:0;padding-top:16px}
.op-menu .op-side__act{min-height:var(--touch)}
@media (max-width:760px){
.op{--gutter:16px}
.op-app{flex-direction:column}
.op-side{display:none}
.op-phonehead{display:flex;position:relative}
.op-topbar{padding:10px var(--gutter);min-height:0}
.op-phonebar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:sticky;bottom:0;z-index:5;background:var(--paper);border-top:var(--rule)}
.op-phonebar a,.op-phonebar button{min-height:60px;display:flex;align-items:center;justify-content:center;font:500 13px/1.2 var(--font-ui);
text-decoration:none;color:var(--ink);background:var(--paper);border:0;cursor:pointer}
.op-phonebar [aria-current="page"]{background:var(--ink);color:var(--paper);font-weight:800}
.op-houses{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);background:var(--paper);border-bottom:var(--rule)}
.op-houses[hidden]{display:none}
.op-houses__a{min-height:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 8px;
font:500 14px/1.2 var(--font-ui);color:var(--ink);text-decoration:none;border-right:1px solid var(--rule-soft)}
.op-houses__a:last-child{border-right:0}
.op-houses__a[aria-current="page"]{font-weight:800;box-shadow:inset 0 -3px 0 var(--ink)}
.op-head{padding:16px var(--gutter)}
.op-head__title{font-size:26px}
.op-head__side{align-items:flex-start;text-align:left}
.op-price{padding:24px}
.op-price__num{font-size:52px}
.op-vcard{padding:16px}
}

/* the logged-out shell */
.op-pubhead{border-bottom:var(--rule);background:var(--paper)}
.op-pubhead__in,.op-pubfoot__in,.op-wrap{max-width:var(--content);margin:0 auto;padding:0 var(--gutter)}
.op-pubhead__in{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.op-pubnav{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:500;flex-wrap:wrap}
.op-pubnav a{text-decoration:none}
.op-pubnav a[aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
.op-pubnav .op-btn--primary{color:var(--paper)}
.op-pubfoot{border-top:var(--rule);background:var(--paper)}
.op-pubfoot__in{padding-top:48px;padding-bottom:64px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:32px}
.op-pubfoot__about{display:flex;flex-direction:column;gap:14px;max-width:560px}
.op-pubfoot__about .op-note{font-size:14px;line-height:1.6}
.op-pubfoot nav{display:flex;gap:24px;font-size:14px;flex-wrap:wrap}
@media (max-width:760px){.op-pubnav{gap:16px}.op-pubhead__in{padding-top:12px;padding-bottom:12px}}

.op-pubhead{position:relative;z-index:5}
.op-navmenu{display:inline-block}
.op-navmenu>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:var(--touch)}
.op-navmenu>summary::-webkit-details-marker{display:none}
.op-navmenu>summary::after{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;
transform:translateY(-2px) rotate(45deg)}
.op-navmenu[open]>summary::after{transform:translateY(2px) rotate(225deg)}
.op-navmenu>summary[aria-current]{text-decoration:underline;text-underline-offset:6px}
.op-navmenu__panel{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-top:var(--rule);border-bottom:var(--rule);
box-shadow:0 18px 40px rgba(16,20,24,.12)}
.op-navmenu__in{max-width:var(--content);margin:0 auto;padding:28px var(--gutter) 24px;display:flex;flex-direction:column;gap:20px}
.op-navmenu__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 32px}
.op-navmenu__head{margin:0 0 6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);
font-weight:400}
.op-navmenu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.op-navmenu li a{display:flex;flex-direction:column;gap:3px;padding:10px 12px;margin:0 -12px;text-decoration:none;color:var(--ink)}
.op-navmenu li a:hover,.op-navmenu li a[aria-current]{background:var(--ground)}
.op-navmenu li strong{font-size:16px;font-weight:700}
.op-navmenu li span{font-size:14px;line-height:1.45;font-weight:400;color:var(--text-2)}
.op-navmenu__foot{margin:0;padding-top:16px;border-top:1px solid var(--rule-mid);display:flex;flex-wrap:wrap;gap:8px 28px;font-size:15px;font-weight:600}
.op-navmenu__foot a{text-decoration:underline;text-underline-offset:4px}
@media (max-width:900px){.op-navmenu__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media (max-width:760px){.op-navmenu__panel{max-height:calc(100vh - 120px);overflow:auto}.op-navmenu__in{padding:16px var(--gutter)}
.op-navmenu__grid{grid-template-columns:minmax(0,1fr)}}