/* ---- the old app inside the shell ---- */
.op--spa .op-main>header{display:none!important}
.op--spa .op-main{min-height:100vh}
.op--spa header.op-head{max-width:none;margin:0}
.op--spa .op-topbar #globalSearchWrap{flex:1 1 auto;max-width:640px;min-width:0;margin:0;padding:0}
.op--spa .op-topbar #globalSearchWrap[hidden]{display:block!important;visibility:hidden}
.op--spa #siteSearch{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--spa body[data-view="feed"] #mainView,.op--spa body[data-view="archive"] #mainView{max-width:none;margin:0;padding:0}
.op--spa body[data-view="feed"] #todayView,.op--spa body[data-view="archive"] #archiveView,
.op--spa body[data-view="feed"] #yourMPs,.op--spa body[data-view="feed"] #yourTopics,
.op--spa body[data-view="archive"] #yourMPs,.op--spa body[data-view="archive"] #yourTopics{display:none!important}
.op--spa body:not([data-view="feed"]):not([data-view="archive"]) #opCommons{display:none!important}
.op--spa #opCommons[hidden]{display:none!important}
.op--spa body[data-view="feed"] #mainView>.foot,.op--spa body[data-view="archive"] #mainView>.foot{padding:8px var(--gutter) 40px;
font-family:var(--font-mono);font-size:11px;line-height:1.7;color:var(--text-3);border:0;margin:0;max-width:none}

/* ---- the Commons sitting page ---- */
.opc-cols{display:grid;grid-template-columns:250px minmax(0,1fr) 300px;grid-template-areas:"left centre right";gap:20px;
padding:24px var(--gutter);align-items:start}
.opc-left{grid-area:left;display:flex;flex-direction:column;gap:20px;min-width:0}
.opc-centre{grid-area:centre;min-width:0;display:flex;flex-direction:column}
.opc-right{grid-area:right;display:flex;flex-direction:column;gap:20px;min-width:0}
.opc-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;border-bottom:var(--rule);flex-wrap:wrap}
.opc-item__title{margin:0;font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;line-height:1.5}
.opc-item__acts{display:flex;gap:6px;flex-wrap:wrap}
.opc-sum{padding:14px 20px 16px;border-bottom:var(--rule)}
.opc-sum__label{margin:0 0 6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.opc-sum__head{margin:0 0 6px;font-family:var(--font-ui);font-size:17px;font-weight:600;line-height:1.4;color:var(--ink)}
.opc-sum__gist{margin:0;font-family:var(--font-ui);font-size:15px;line-height:1.55;color:var(--text-2)}
.opc-sum__kp{margin:10px 0 0;padding-left:20px;font-family:var(--font-ui);font-size:14px;line-height:1.55;color:var(--text-2)}
.opc-sum__kp li+li{margin-top:4px}
.opc-turns{overflow-anchor:none}
.opc-turns>.opc-u:last-child .op-turn{border-bottom:0}
.opc-u.opc-hit .op-turn{background:var(--accent-wash)}
.opc-turns mark{background:var(--accent);color:var(--ink);padding:0 2px}
.opc-foot{margin-top:auto;border-top:var(--rule);padding:12px 20px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;
font-family:var(--font-mono);font-size:11px;color:var(--text-3);text-transform:uppercase;letter-spacing:.02em}
.opc-jump{font-family:var(--font-mono);font-size:12px;font-weight:500;text-transform:uppercase;color:var(--ink)}
.opc-float{position:fixed;right:24px;bottom:24px;z-index:6}
.opc-quiet{padding:28px 20px;display:flex;flex-direction:column;gap:10px}
.opc-quiet h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.02em}
.opc-quiet p{margin:0;color:var(--text-2)}
.opc-lock{padding:32px var(--gutter) 56px;display:flex;justify-content:center}
.opc-lock__card{width:100%;max-width:560px;padding:28px 24px 24px;display:flex;flex-direction:column;gap:12px}
.opc-lock__card h2{margin:0;font-size:28px;font-weight:800;letter-spacing:-.02em;line-height:1.15}
.opc-lock__card p{margin:0;color:var(--text-2);font-size:16px;line-height:1.5}
.opc-lock__acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}
.opc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:16px}
.opc-chip{font:400 13px/1.3 var(--font-ui);border:1px solid var(--ink);padding:5px 10px;background:var(--paper);color:var(--ink);text-decoration:none}
a.opc-chip:hover{background:var(--ground)}
.opc-chip--add{border-style:dashed;border-color:var(--text-3);color:var(--text-3);cursor:pointer}
@media (max-width:1100px){.opc-cols{grid-template-columns:minmax(0,1fr);grid-template-areas:"centre" "right" "left"}}
@media (max-width:760px){.opc-cols{padding:16px var(--gutter);gap:16px}.opc-float{bottom:76px;right:16px}
/* in the phone's column the main column is as tall as its content: with a basis of 700px and a minimum of one
   screen it stopped there, the page ran out of it, and the bottom bar scrolled away after the first screen */
.op--spa .op-main{flex:1 0 auto}
.opc-item{padding:12px 16px}.opc-sum{padding:12px 16px 14px}}

/* ==== D03: the analysis tools inside the shell ==== */
/* the old app's names for the tokens, so every view the app draws picks them up */
.op--spa{--muted:var(--text-3);--line:var(--rule-mid);--card:var(--paper);--green:var(--house-commons);--green-dark:var(--ink);
--serif:var(--font-ui);--sans:var(--font-ui)}
.op--spa body:not([data-view="feed"]):not([data-view="archive"]) #mainView{max-width:1240px;margin:0;padding:32px var(--gutter) 64px}
.op--spa :is(#studioView,#commitmentsView,#issueView,#questionsView,#searchResults,#searchModes,#memberView) *{border-radius:0!important;box-shadow:none!important;text-shadow:none!important}
.op--spa :is(#studioView,#commitmentsView,#issueView,#questionsView,#searchResults,#searchModes,#memberView){font-family:var(--font-ui);color:var(--ink)}
.op--spa :is(#studioView,#commitmentsView,#issueView,#questionsView,#searchResults,#searchModes,#memberView) a{color:var(--ink)}
.op--spa :is(#studioView,#commitmentsView,#issueView,#questionsView,#searchResults,#searchModes,#memberView) mark{background:var(--accent-wash);color:var(--ink);padding:0 2px}
/* buttons, fields and toggles, once for every tool */
.op--spa :is(#studioView,#commitmentsView,#issueView,#questionsView,#searchResults,#memberView) .btn,
.op--spa #questionsView #wqGo,.op--spa #searchResults .sr-follow-btn{font:600 15px/1.2 var(--font-ui);background:var(--ink);color:var(--paper);
border:1px solid var(--ink);padding:12px 18px;min-height:44px;cursor:pointer}
.op--spa :is(#studioView,#commitmentsView,#issueView,#questionsView,#searchResults,#memberView) .btn:hover{background:var(--text-2)}
.op--spa :is(#studioView,#issueView) .btn.ghost,.op--spa #issueView .btn.ghost{background:var(--paper);color:var(--ink)}
.op--spa :is(#studioView,#commitmentsView,#issueView,#questionsView,#searchResults,#searchModes,#memberView) :is(input[type="text"],input[type="search"],input[type="date"],select,input:not([type])){
font:400 15px/1.2 var(--font-ui);height:44px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);padding:0 12px;outline-offset:2px}
.op--spa :is(#studioView,#commitmentsView,#issueView,#questionsView,#searchResults,#searchModes,#memberView) :is(label,.st-f label,.sf-field>span){
font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.opt-toggle,.op--spa :is(.st-pre button,.st-cl button,.acc-tab,.av-chip,.sm-btn,.fmt-chip,.acc-pg,.sr-pg,.st-tools button,.ask-tool,.iq-open,.wq-more,.wq-link,.wq-page button,.mb-follow,.st-item button,.st-sch button){
font:600 13px/1.2 var(--font-ui);background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:9px 14px;min-height:40px;cursor:pointer}
.op--spa :is(.st-pre button,.st-cl button,.acc-tab,.av-chip,.sm-btn,.fmt-chip,.st-tools button,.ask-tool,.iq-open,.mb-follow):hover{background:var(--ground)}
.op--spa :is(.st-pre button.on,.st-cl button.on,.acc-tab.on,.av-chip.on,.sm-btn.on,.fmt-chip.on,.mb-follow.on){background:var(--ink);color:var(--paper)}
.op--spa :is(.acc-pg,.sr-pg,.wq-page button):disabled{opacity:.4;cursor:default}
.op--spa :is(#studioView,#commitmentsView,#issueView,#questionsView,#memberView) h2:not(.op-card__title):not(.opt-day){font-family:var(--font-ui);font-weight:800;letter-spacing:-.02em}
.op--spa :is(.sb-empty,.wq-empty,.note){font-family:var(--font-ui);color:var(--text-2)}
.opt-party{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;color:var(--text-3);white-space:nowrap}
.opt-name{display:inline-flex;align-items:center;gap:6px}
.opt-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 0}
.opt-eyebrow>span:first-child{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.opt-ask{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.op--spa body:not([data-view="studio"]) :is(.opt-ask,.opt-new){display:none}
.op--spa .op-topbar .opt-new{margin-left:auto;white-space:nowrap;order:3}
.op--spa .op-topbar .opt-ask{order:1}
.op--spa body[data-view="studio"] .op-topbar #globalSearchWrap{order:2}

/* ---- Briefing Studio: the composer and the library ---- */
.op--spa #studioView .st-wrap{max-width:860px;margin:0}
.op--spa #studioView .st-compose{background:var(--paper);border:var(--rule);padding:32px 40px;margin:0 0 32px}
.op--spa #studioView .st-compose h2{font-size:32px;line-height:1.1;margin:0 0 8px}
.op--spa #studioView .st-f input{height:44px;font-size:15px;border:1px solid var(--ink)}
.op--spa #studioView .st-lead input{font-size:17px;height:52px}
.op--spa #studioView .st-range{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.op--spa #studioView .st-scope{font-size:13px;line-height:1.55;color:var(--text-2);background:var(--ground);border:0;border-left:4px solid var(--ink);padding:10px 14px}
.op--spa #studioView .st-scope b{color:var(--ink)}
.op--spa #studioView .st-allow{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.op--spa #studioView .st-allow .tr{background:var(--ground);border:0;height:8px}
.op--spa #studioView .st-allow .tr i{background:var(--ink)}
.op--spa #studioView .st-allow.out .tr i{background:var(--ink)}
.op--spa #studioView .st-allow.out b{color:var(--ink)}
.op--spa #studioView .st-pre{display:flex;flex-wrap:wrap;gap:6px}
.op--spa #studioView .st-narrow summary{font-weight:600;cursor:pointer;padding:10px 0;min-height:44px}
.op--spa #studioView .st-eyebrow{font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.op--spa #studioView .st-lib{background:var(--paper);border:var(--rule);padding:20px 24px;margin:0 0 24px}
.op--spa #studioView .st-item,.op--spa #studioView .st-sch{border-bottom:1px solid var(--rule-soft);padding:12px 0;align-items:center}
.op--spa #studioView .st-item:last-child{border-bottom:0}
.op--spa #studioView .st-item a{font-weight:700;font-size:16px}
.op--spa #studioView .st-quota,.op--spa #studioView .st-item .cl{font-family:var(--font-mono);font-size:12px;color:var(--text-3);background:none;border:0}
.op--spa #studioView .st-sch .cad{font-family:var(--font-mono);font-weight:400;font-size:11px;background:none;border:1px solid var(--ink);color:var(--ink)}
.op--spa #studioView .st-sch .cad.off{border-style:dashed;color:var(--text-3)}
.op--spa #studioView .st-pending h2 .dot,.op--spa .bt .dot{background:var(--accent)}

/* ---- Briefing Studio: the briefing and its source panel ---- */
.op--spa #studioView .st-wrap.opst-wrap{max-width:none;display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:24px;align-items:start}
.op--spa #studioView .st-doc{background:var(--paper);border:var(--rule);padding:40px 48px;display:flex;flex-direction:column;gap:20px;min-width:0}
.op--spa #studioView .st-doc>*{margin:0}
.op--spa #studioView .st-tools{display:flex;flex-wrap:wrap;gap:8px}
.op--spa #studioView .st-tools button{font-size:14px;padding:11px 16px;min-height:44px}
.op--spa #studioView .st-tools button[data-st="word"]{order:1;background:var(--ink);color:var(--paper)}
.op--spa #studioView .st-tools button[data-st="print"]{order:2}
.op--spa #studioView .st-tools #stSchedBtn,.op--spa #studioView .st-tools .st-cadpick{order:3}
.op--spa #studioView .st-tools button[data-st="regen"]{order:4}
.op--spa #studioView .st-tools button[data-st="back"]{order:5;margin-left:auto;border-color:transparent;text-decoration:underline;text-underline-offset:3px}
.op--spa #studioView .st-cadpick{display:inline-flex;gap:6px;align-items:center}
.op--spa #studioView .st-cadpick select{height:44px}
.op--spa #studioView .st-doc>.opt-eyebrow{margin-top:12px}
.op--spa #studioView .st-for{font-family:var(--font-mono);font-weight:400;background:none;border:1px solid var(--ink);color:var(--ink);align-self:flex-start}
.op--spa #studioView .st-doc h1{font-family:var(--font-said);font-size:44px;line-height:1.08;font-weight:600;letter-spacing:0}
.op--spa #studioView .st-meta{font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--text-3);padding:0 0 20px;border-bottom:var(--rule)}
.op--spa #studioView .st-meta b{font-weight:500;color:var(--ink)}
.op--spa #studioView .st-sec{display:flex;flex-direction:column;gap:12px}
.op--spa #studioView .st-sec>.st-eyebrow{margin:0}
.op--spa #studioView .st-kp{list-style:decimal;padding-left:22px;display:flex;flex-direction:column;gap:16px;font-family:var(--font-said);font-size:17px;line-height:1.6}
.op--spa #studioView .st-kp li{padding:0;font-size:17px;line-height:1.6}
.op--spa #studioView .st-kp li:before{display:none}
.op--spa #studioView .st-kp li::marker{font-family:var(--font-mono);font-size:13px;color:var(--text-3)}
.op--spa #studioView .st-prose,.op--spa #studioView .st-sum p:not(.st-eyebrow),.op--spa #studioView .st-read{font-family:var(--font-said);font-size:17px;line-height:1.65;color:var(--ink)}
.op--spa #studioView .st-sum{background:var(--ground);border:0;padding:20px 24px}
.op--spa #studioView .st-sum .st-eyebrow,.op--spa #studioView .st-readwrap .lbl{color:var(--ink);font-family:var(--font-mono);font-weight:500}
.op--spa #studioView .st-readwrap{border-left:4px solid var(--ink);background:var(--ground);padding:16px 20px}
.op--spa #studioView .st-doc h3{font-family:var(--font-ui);font-weight:800;font-size:20px;letter-spacing:-.02em}
.op--spa #studioView .st-kind{font-family:var(--font-mono);font-weight:400;background:var(--house-commons);color:var(--paper)}
.op--spa #studioView a.st-cite{display:inline-block;min-width:0;height:auto;margin-left:6px;background:var(--ink);color:var(--paper);font:400 11px/1.4 var(--font-mono);
padding:1px 5px;text-decoration:none;vertical-align:2px;text-align:center}
.op--spa #studioView a.st-cite:hover{color:var(--accent)}
.op--spa #studioView a.st-cite[aria-current]{background:var(--ink);color:var(--accent)}
.op--spa #studioView .op-claim--selected{background:var(--accent-wash);outline:2px solid var(--accent);outline-offset:4px}
.opst-claim{transition:background .15s}
.op--spa #studioView .st-q{border-left:4px solid var(--p,var(--ink));background:var(--paper);padding:12px 16px;border-top:1px solid var(--rule-soft);border-bottom:1px solid var(--rule-soft)}
.op--spa #studioView .st-q blockquote{font-family:var(--font-said);font-size:16px;line-height:1.6}
.op--spa #studioView .st-q figcaption{font-family:var(--font-mono);font-size:11px;color:var(--text-3);margin-top:8px}
.op--spa #studioView .st-q figcaption b{font-family:var(--font-ui);font-size:14px;color:var(--ink);display:inline-flex;align-items:center;gap:6px}
.op--spa #studioView .st-more,.op--spa #studioView .st-src{font-family:var(--font-ui);font-size:13px;color:var(--text-3)}
.op--spa #studioView .st-card,.op--spa #studioView .st-bill,.op--spa #studioView .st-fwd li{background:var(--paper);border:1px solid var(--rule-mid);padding:16px}
.op--spa #studioView .st-card p{font-size:15px}
.op--spa #studioView .st-card>p:nth-of-type(1){font-family:var(--font-ui)}
.op--spa #studioView :is(.st-dl,.st-ol,.st-uin,.st-bill .now,.st-bill .stg,.st-wr){font-family:var(--font-mono);font-weight:400;font-size:11px;
background:none;border:1px solid var(--ink);color:var(--ink);padding:2px 6px}
.op--spa #studioView .st-ol.none{border-style:dashed;color:var(--text-3)}
.op--spa #studioView .st-ol.date{border-color:var(--house-commons);color:var(--house-commons)}
.op--spa #studioView .st-tbl th{font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.06em;color:var(--text-3);border-bottom:var(--rule)}
.op--spa #studioView .st-tbl td{border-bottom:1px solid var(--rule-soft)}
.op--spa #studioView .st-tbl td>.op-swatch{margin-right:8px;vertical-align:-1px}
.op--spa #studioView .st-bar .lbl{display:flex;align-items:center;gap:8px;color:var(--ink)}
.op--spa #studioView .st-bar .track{background:var(--ground);border:0;height:10px}
.op--spa #studioView .st-bar .track i{background:var(--ink)}
.op--spa #studioView .st-srcs ol{gap:10px}
.op--spa #studioView .st-srcs li{align-items:baseline;font-size:14px}
.op--spa #studioView .st-srcs .n{background:var(--ink)!important;color:var(--paper);font:400 11px/1.4 var(--font-mono);height:auto;min-width:0;padding:1px 5px}
.op--spa #studioView .st-srcs a{color:var(--text-2)}
.op--spa #studioView .st-srcs a b{display:inline-flex;align-items:center;gap:6px}
.op--spa #studioView .st-doc>p.st-more:last-child{border-top:1px solid var(--rule-mid)!important;padding-top:16px}
.opst-side{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 32px);overflow:auto}
.opst-side .op-card{border:var(--rule)}
.opst-side>*{flex:none}
.op--spa #studioView .opst-side .op-source__words mark{background:var(--accent);color:var(--ink);padding:0 2px}
.opst-side .op-source__foot{padding:16px 20px;border-top:1px solid var(--rule-mid);display:flex;flex-direction:column;gap:10px}
.opst-side .op-source__foot>a{font-weight:600;font-size:15px}
.opst-hint{padding:20px;margin:0;font-size:14px;line-height:1.55;color:var(--text-2)}
.opst-close{display:none}
@media (max-width:1100px){
.op--spa #studioView .st-wrap.opst-wrap{grid-template-columns:minmax(0,1fr)}
.opst-side{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:40;max-height:72vh;background:var(--paper);border-top:var(--rule-2);gap:0}
.opst-side:not(.opst-side--open){display:none}
.opst-side .op-card{border:0}
.op--spa #studioView .opst-close{display:flex;align-self:flex-end;align-items:center;justify-content:center;width:44px;height:44px;margin:4px 8px 0 0;padding:0;
background:var(--paper);border:1px solid var(--ink);font:600 20px/1 var(--font-ui);cursor:pointer;color:var(--ink)}
.opst-side .opst-hint{display:none}
}
@media (max-width:760px){
.op--spa body:not([data-view="feed"]):not([data-view="archive"]) #mainView{padding:16px var(--gutter) 88px}
.op--spa #studioView .st-doc{padding:24px 20px}
.op--spa #studioView .st-doc h1{font-size:32px}
.op--spa #studioView .st-compose{padding:24px 20px}
.op--spa #studioView .st-tools button[data-st="back"]{margin-left:0}
.op--spa #studioView .st-tbl{font-size:13px}
.op--spa #studioView .st-bar .lbl{flex-basis:120px}
.op--spa .op-topbar .opt-new{padding:10px 12px;font-size:14px}
.op--spa .op-topbar .opt-ask{display:none}
}

/* the toast that follows the reader while a briefing is written */
.op--spa .bt{background:var(--ink);color:var(--paper);border:0;border-radius:0;box-shadow:none;padding:16px 18px;font-family:var(--font-ui)}
.op--spa .bt .t{font-weight:700;font-size:15px}
.op--spa .bt .s{color:var(--text-on-dark-2);font-size:13px}
.op--spa .bt .dot{border-radius:0;background:var(--accent);box-shadow:none;animation:none}
.op--spa .bt button{font:600 13px/1.2 var(--font-ui);border-radius:0;border:1px solid var(--paper);background:none;color:var(--paper);padding:8px 12px;min-height:40px}
.op--spa .bt button.go{background:var(--paper);color:var(--ink)}
.op--spa .bt.err .t{color:var(--paper)}
@media (max-width:760px){.op--spa .bt{left:16px;right:16px;bottom:76px!important;max-width:none}}

/* ---- Accountability: Did they answer?, Commitments ---- */
.op--spa #commitmentsView{display:flex;flex-direction:column;gap:16px;max-width:900px}
.op--spa #commitmentsView .mps-head{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;margin:0;padding:0;border:0;text-align:left}
.opt-head__row{display:flex;gap:8px;align-items:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.opt-h1{margin:0;font-family:var(--font-ui);font-weight:800;font-size:34px;line-height:1.1;letter-spacing:-.02em}
.op--spa #commitmentsView .acc-tabs{display:flex;gap:0;flex-wrap:wrap;background:none;padding:0;border:0;border-bottom:var(--rule)}
.op--spa #commitmentsView .acc-tab{border:1px solid var(--ink);border-bottom:0;margin:0 -1px 0 0;font-size:14px;padding:12px 16px;min-height:44px}
.op--spa #commitmentsView .mp-filter{width:100%;max-width:520px}
.op--spa #commitmentsView .av-chips{display:flex;flex-wrap:wrap;gap:6px}
.op--spa #commitmentsView .av-chip-n{font-family:var(--font-mono);font-weight:400;background:none;color:inherit;padding:0 0 0 4px}
.op--spa #commitmentsView .cm-count,.op--spa #commitmentsView .acc-show{font-family:var(--font-mono);font-weight:400;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.op--spa #commitmentsView .acc-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.op--spa #commitmentsView .acc-pager{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px}
.op--spa #commitmentsView .acc-pgn{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.op--spa #commitmentsView #accBody{display:flex;flex-direction:column;gap:14px}
.opt-counts{display:flex;flex-direction:column;gap:8px;margin:0;padding:16px 20px;background:var(--paper);border-left:4px solid var(--house-commons)}
.opt-counts p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.opt-counts p:first-child{color:var(--ink)}
.opt-day{display:flex;gap:8px;align-items:center;margin:12px 0 0;font-family:var(--font-mono);font-weight:400;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.op--spa #commitmentsView a.cm-card{display:block;background:var(--paper);border:var(--rule);padding:0;margin:0;text-decoration:none;color:var(--ink)}
.op--spa #commitmentsView a.cm-card:hover{background:var(--paper);outline:2px solid var(--ink);outline-offset:-2px}
.op--spa #commitmentsView a.cm-card .op-vcard{padding:20px 22px;gap:10px;background:transparent}
.op--spa #commitmentsView a.cm-card .op-vcard__q{font-size:18px}
.op--spa #commitmentsView a.cm-card .op-vcard__who{display:flex;flex-wrap:wrap;gap:4px 8px;align-items:center}
.opt-who{display:inline-flex;align-items:center;gap:6px;color:var(--ink)}
.opt-where{flex-basis:100%}
.op--spa #commitmentsView .av-badge{font:400 10px/1.4 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;padding:3px 7px}
.op--spa #commitmentsView .av-badge.av-no{background:var(--ink);color:var(--paper)}
.op--spa #commitmentsView .av-badge.av-part{background:var(--accent);color:var(--ink)}
.op--spa #commitmentsView .av-badge.av-yes{background:none;box-shadow:inset 0 0 0 1.5px var(--house-commons)!important;color:var(--house-commons)}
.op--spa #commitmentsView .av-q{font-family:var(--font-said);font-weight:600}
.op--spa #commitmentsView a.cm-card:not(.opt-vcard){padding:20px 22px}
.op--spa #commitmentsView .cm-text{font-weight:700;font-size:17px;line-height:1.4}
.op--spa #commitmentsView .cm-quote{font-family:var(--font-said);font-style:normal;font-size:16px;line-height:1.6;color:var(--ink);margin:10px 0}
.op--spa #commitmentsView .cm-meta{font-family:var(--font-mono);font-size:12px;line-height:1.7;color:var(--text-3)}
.op--spa #commitmentsView .cm-who{color:var(--ink)!important;font-family:var(--font-ui);font-weight:700;font-size:14px}
.op--spa #commitmentsView .cm-badge{font-family:var(--font-mono);font-weight:400;font-size:11px;background:none;border:1px solid var(--ink);color:var(--ink);padding:2px 6px}
.op--spa #commitmentsView .cm-dept-link{cursor:pointer}
.op--spa #commitmentsView .cm-dept-link:hover{background:var(--ground)}
.op--spa #commitmentsView .acc-active-chip{font-family:var(--font-mono);font-size:12px;border:1px solid var(--ink);background:var(--paper);padding:4px 8px}
.op--spa #commitmentsView :is(.sm-upsell,.acc-preview){background:var(--paper);border:var(--rule);padding:24px}
.op--spa #commitmentsView :is(.sm-upsell,.acc-preview) h3{margin:0 0 8px;font-weight:800;font-size:20px}
@media (max-width:760px){
.opt-h1{font-size:26px}
.op--spa #commitmentsView .acc-tab{flex:1 1 0;padding:10px 8px;font-size:13px}
.op--spa #commitmentsView a.cm-card .op-vcard{padding:16px}
.op--spa #commitmentsView a.cm-card .op-vcard__q{font-size:16px}
.op--spa body[data-view="commitments"] #mainView{background:var(--ground)}
}

/* ---- the Issue Dashboard ---- */
.op--spa #issueView .iq-wrap{max-width:1100px;margin:0}
.op--spa #issueView :is(.iq-compose,.iq-lib){background:var(--paper);border:var(--rule);padding:32px 40px;margin:0 0 24px}
.op--spa #issueView .iq-compose h2{font-size:32px;margin:0 0 8px}
.op--spa #issueView .iq-head{background:var(--paper);border:var(--rule);padding:32px 40px;margin:0 0 24px}
.op--spa #issueView :is(.iq-eyebrow,.iq-sec h2 .n,.iq-meta,.iq-sub,.iq-conf,.iq-note,.iq-foot,.src,.iq-citetag,.iq-stats .k){font-family:var(--font-mono);color:var(--text-3)}
.op--spa #issueView .iq-eyebrow{font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.op--spa #issueView .iq-head h1{font-family:var(--font-ui);font-weight:800;font-size:40px;letter-spacing:-.03em;line-height:1.08;margin:8px 0 12px}
.op--spa #issueView .iq-match{background:var(--ground);border:0;font-size:14px;color:var(--text-2)}
.op--spa #issueView .iq-match b{font-family:var(--font-mono);font-weight:500;color:var(--ink)}
.op--spa #issueView .iq-meta b{font-family:var(--font-ui);color:var(--ink)}
.op--spa #issueView .iq-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;border:var(--rule);background:var(--paper);margin:0 0 24px}
.op--spa #issueView .iq-stats .s{border:0;border-right:1px solid var(--rule-mid);padding:16px 20px;background:none}
.op--spa #issueView .iq-stats .s:last-child{border-right:0}
.op--spa #issueView .iq-stats .k{font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.op--spa #issueView .iq-stats .v{font-family:var(--font-ui);font-weight:800;font-size:28px;color:var(--ink)}
.op--spa #issueView .iq-stats .v small{font-weight:400;font-size:13px;color:var(--text-3)}
.op--spa #issueView :is(.iq-up,.iq-down,.iq-tup,.iq-tdown,.iq-tflat,.iq-tnew){color:var(--ink)}
.op--spa #issueView .iq-sec{background:var(--paper);border:var(--rule);padding:24px 28px;margin:0 0 24px}
.op--spa #issueView .iq-sec h2{font-size:22px;margin:0 0 16px;color:var(--ink);text-transform:none;letter-spacing:-.02em;border-bottom:var(--rule);padding-bottom:10px}
.op--spa #issueView .iq-card h3{font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.08em;color:var(--ink)}
.op--spa #issueView .iq-drill{background:none;border:0;padding:0}
.op--spa #issueView .iq-player{border-bottom:1px solid var(--rule-soft)}
.op--spa #issueView .iq-chart .bar{background:var(--ink)}
.op--spa #issueView .iq-chart .bar.recess{background:repeating-linear-gradient(135deg,var(--rule-mid) 0 3px,var(--paper) 3px 6px)}
.op--spa #issueView .iq-tbl th{font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);border-bottom:var(--rule)}
.op--spa #issueView .iq-tbl td{border-bottom:1px solid var(--rule-soft)}
.op--spa #issueView .iq-nm{font-weight:700;color:var(--ink)}
.op--spa #issueView .iq-who{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}
.op--spa #issueView .iq-big{font-family:var(--font-ui);font-weight:800}
.op--spa #issueView :is(.iq-role,.iq-when,.iq-stance){font-family:var(--font-mono);font-weight:400;font-size:11px;background:none;border:1px solid var(--ink);color:var(--ink);padding:2px 6px}
.op--spa #issueView .iq-role.gov{background:var(--ink);color:var(--paper)}
.op--spa #issueView .iq-stance.iq-cha{background:var(--ink);color:var(--paper)}
.op--spa #issueView .iq-stance.iq-mix{border-style:dashed}
.op--spa #issueView .iq-stance.iq-neu{border-color:var(--rule-mid);color:var(--text-3)}
.op--spa #issueView .iq-when.dated{border-color:var(--house-commons);color:var(--house-commons)}
.op--spa #issueView :is(.iq-utt,.iq-commit,.iq-dodge,.iq-card,.iq-player,.iq-sider,.iq-mover){background:var(--paper);border-color:var(--rule-mid)}
.op--spa #issueView .iq-utt q,.op--spa #issueView .iq-dodge .q{font-family:var(--font-said);font-size:16px;line-height:1.6;color:var(--ink)}
.op--spa #issueView .iq-utt.cited{border-left:4px solid var(--ink)}
.op--spa #issueView .iq-split .track{background:var(--ground)}
.op--spa #issueView .iq-split .fill{background:var(--ink)}
.op--spa #issueView .iq-stale{background:var(--accent-wash);border:1px solid var(--accent)}
.op--spa #issueView .iq-go{display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:760px){
.op--spa #issueView :is(.iq-head,.iq-compose,.iq-lib){padding:24px 20px}
.op--spa #issueView .iq-sec{padding:20px 16px}
.op--spa #issueView .iq-head h1{font-size:30px}
.op--spa #issueView .iq-stats .s{border-right:0;border-bottom:1px solid var(--rule-mid)}
}

/* ---- written questions ---- */
.op--spa #questionsView{display:flex;flex-direction:column;gap:16px;max-width:960px}
.op--spa #questionsView .wq-head h2{font-size:34px;line-height:1.1;margin:0}
.op--spa #questionsView .wq-head .n{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.op--spa #questionsView .wq-intro{margin:0;color:var(--text-2);max-width:62ch}
.op--spa #questionsView .wq-bar{display:flex;gap:8px}
.op--spa #questionsView #wqQ{flex:1 1 auto;min-width:0}
.op--spa #questionsView .wq-filters{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.op--spa #questionsView .wq-item{background:var(--paper);border:var(--rule);padding:20px 22px;margin:0 0 14px}
.op--spa #questionsView .wq-q{font-weight:700;font-size:17px;margin:0 0 8px}
.op--spa #questionsView .wq-meta{font-family:var(--font-mono);font-size:12px;color:var(--text-3);display:flex;flex-wrap:wrap;gap:4px 14px;align-items:center}
.op--spa #questionsView .wq-who{font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--ink)}
.op--spa #questionsView .wq-badge{font-family:var(--font-mono);font-weight:400;font-size:11px;border:1px solid var(--ink);background:none;color:var(--ink);padding:2px 6px}
.op--spa #questionsView .wq-badge.wq-open{background:var(--ink);color:var(--paper)}
.op--spa #questionsView .wq-verdict{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;margin:12px 0 0}
.op--spa #questionsView .wq-missing b{color:var(--ink)}
.op--spa #questionsView .wq-dept{font-style:normal}
.op--spa #questionsView .wq-snip,.op--spa #questionsView .wq-full{font-family:var(--font-said);font-size:16px;line-height:1.6}
.op--spa #questionsView .wq-link{min-height:32px;padding:4px 10px;font-size:12px}
.op--spa #questionsView .wq-page{display:flex;justify-content:space-between;align-items:center;gap:12px}
.op--spa #questionsView .wq-page .at{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.op--spa #questionsView .wq-upsell{background:var(--paper);border:var(--rule);padding:24px}
/* the day's paper (the canvas's option A): the page is as wide as the shell, a search as wide as before */
.op--spa #questionsView:has(#wqPaper:not(:empty)){max-width:1240px}
.op--spa #questionsView :is(#wqResults,#wqPager,#wqPaper):empty{display:none}
.op--spa #questionsView #wqPaper{display:flex;flex-direction:column;gap:16px}
.op--spa #questionsView #wqpAnswers .wq-upsell{border:0}
.op--spa #questionsView .wq-cta{background:var(--ink);color:var(--paper);border:1px solid var(--ink);font:600 15px/1.2 var(--font-ui);padding:12px 18px;text-decoration:none;display:inline-block}
.op--spa #questionsView .wqp-top{margin:0}
.op--spa #questionsView .wqp-lbl,.op--spa #questionsView .wqp-sortbar label,.op--spa #questionsView .wqp-ans dt,
.op--spa #questionsView .wqp-table thead th{font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3)}
.op--spa #questionsView .wqp-figs{background:var(--paper);border:var(--rule);margin:0}
.op--spa #questionsView .wqp-fig{border-right:1px solid var(--rule-mid);padding:14px 16px;gap:4px}
.op--spa #questionsView .wqp-fig b{font-family:var(--font-ui);font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.op--spa #questionsView .wqp-fig--pro{background:var(--accent-wash)}
.op--spa #questionsView .wqp-sub{font-size:13px;color:var(--text-2)}
.op--spa #questionsView :is(.wqp-lock,.wqp-pro){font-family:var(--font-mono);font-weight:400;font-size:10px;letter-spacing:.08em;background:var(--accent);color:var(--ink);padding:3px 7px}
.op--spa #questionsView .wqp-fig .wqp-lock{font-size:12px;padding:5px 10px}
.op--spa #questionsView .wqp-links{margin:0}
.op--spa #questionsView .wqp-go{font:600 13px/1.2 var(--font-ui);background:var(--paper);color:var(--ink);border:1px solid var(--ink);padding:9px 14px;min-height:40px}
.op--spa #questionsView .wqp-go:hover{background:var(--ground);color:var(--ink)}
.op--spa #questionsView .wqp-cols{gap:24px}
.op--spa #questionsView .wqp-card{background:var(--paper);border:var(--rule)}
.op--spa #questionsView .wqp-h{border-bottom:var(--rule);padding:14px 16px}
.op--spa #questionsView .wqp-h h3{font-family:var(--font-ui);font-weight:800;font-size:18px;letter-spacing:-.01em}
.op--spa #questionsView .wqp-tabs{border-bottom:1px solid var(--rule-mid);padding:10px 12px}
.op--spa #questionsView .wqp-t{font:600 14px/1.2 var(--font-ui);padding:10px 14px;min-height:40px;color:var(--text-2)}
.op--spa #questionsView .wqp-t.on{background:var(--ink);color:var(--paper)}
.op--spa #questionsView .wqp-ranges{border-bottom:1px solid var(--rule-mid);padding:10px 12px}
.op--spa #questionsView .wq-item.wqp-item{border:0;border-bottom:1px solid var(--rule-mid);margin:0;padding:18px 20px}
.op--spa #questionsView .wq-item.wqp-item:last-child{border-bottom:0}
.op--spa #questionsView .wqp-item .wq-q{margin:8px 0 6px}
.op--spa #questionsView .wqp-said{font-family:var(--font-said);font-size:16px;line-height:1.5;color:var(--ink)}
.op--spa #questionsView .wqp-ans{background:var(--ground);border:1px solid var(--rule-mid);font-size:14px}
.op--spa #questionsView .wqp-ans dd{color:var(--text-2)}
.op--spa #questionsView .wqp-ans dd.wqp-gap{color:var(--ink);font-weight:500}
.op--spa #questionsView .wqp-tab{border-bottom:1px solid var(--rule-mid)}
.op--spa #questionsView .wqp-rank{border-bottom:1px solid var(--rule-mid);min-height:44px}
.op--spa #questionsView button.wqp-rank:hover .wqp-rk{color:var(--ink);text-decoration:underline}
.op--spa #questionsView .wqp-rank b{font-weight:800}
.op--spa #questionsView .wqp-sortbar{border-bottom:1px solid var(--rule-mid)}
.op--spa #questionsView .wqp-table{font-size:14px}
.op--spa #questionsView .wqp-table :is(th,td){border-bottom:1px solid var(--rule-mid)}
.op--spa #questionsView .wqp-note{color:var(--text-3)}
.op--spa #questionsView .wqp-procard ul{color:var(--text-2)}
.op--spa #questionsView .wqp-dhead{border-bottom:var(--rule);padding:14px 16px}
.op--spa #questionsView .wqp-dhead h3{font-family:var(--font-ui);font-weight:800;font-size:18px;letter-spacing:-.01em}
.op--spa #questionsView .wqp-dhead .wqp-sub{font-size:13px;color:var(--text-3)}
.op--spa #questionsView .wqp-table thead th{border-bottom:var(--rule)}
.op--spa #questionsView .wqp-table :is(td,th){padding:11px 12px}
.op--spa #questionsView .wqp-bar{background:var(--ground)}
.op--spa #questionsView .wqp-bar--late{background:var(--ink)}
.op--spa #questionsView .wqp-bar--days{background:var(--accent)}
.op--spa #questionsView .wqp-dept{font:600 14px/1.3 var(--font-ui);color:var(--ink);min-height:0}
.op--spa #questionsView .wqp-dept:hover{color:var(--ink);text-decoration:underline}
.op--spa #questionsView .wqp-dcard{border-bottom:1px solid var(--rule-mid)}
.op--spa #questionsView .wqp-dcard .wqp-dept{font-size:15px;font-weight:700}
.op--spa #questionsView .wqp-dstats b{font-family:var(--font-ui);font-weight:800}
.op--spa #questionsView .wqp-pair{gap:24px}
.op--spa #questionsView .wq-badge.wqp-latechip{background:var(--accent-wash);color:var(--ink);border:1px solid var(--ink)}
.op--spa #questionsView .wqp-gapline{font-size:14px}
@media (max-width:760px){.op--spa #questionsView .wqp-fig{border-bottom:1px solid var(--rule-mid)}}

/* ---- search: keyword, meaning and Ask; written statements ---- */
.op--spa #searchModes .search-modes{display:flex;flex-wrap:wrap;gap:0;background:none;padding:0;border:0;border-bottom:var(--rule)}
.op--spa #searchModes .sm-btn{border-bottom:0;margin:0 -1px 0 0;min-height:44px;font-size:14px}
.op--spa #searchModes .sm-pro{font-family:var(--font-mono);font-weight:400;font-size:10px;background:var(--ground);color:var(--ink);border:1px solid var(--ink);padding:0 4px;margin-left:6px}
.op--spa #searchModes .sm-btn.on .sm-pro{background:var(--paper)}
.op--spa #searchModes .search-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:16px 0 0}
.op--spa #searchModes .sf-field{display:flex;flex-direction:column;gap:4px}
.op--spa #searchModes .fmt-chips{display:flex;gap:0}
.op--spa #searchModes .fmt-chip{margin-right:-1px}
.op--spa #searchModes :is(.sf-clear,.sf-note){font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.op--spa #searchResults{display:flex;flex-direction:column;gap:14px;max-width:960px;margin-top:16px}
.op--spa #searchResults .sr-follow{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--paper);border:var(--rule);padding:14px 18px}
.op--spa #searchResults .sr-head,.op--spa #searchResults .ask-sources-h,.op--spa #searchResults .ask-saved-h{font-family:var(--font-mono);font-weight:400;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border:0;padding:0;margin:8px 0 0}
.op--spa #searchResults #srList{display:flex;flex-direction:column;gap:14px}
.op--spa #searchResults :is(.sr-item,.sr-sem,.sr-mp){display:block;background:var(--paper);border:var(--rule);padding:18px 22px;margin:0;text-decoration:none;color:var(--ink)}
.op--spa #searchResults :is(.sr-item,.sr-sem,.sr-mp):hover{outline:2px solid var(--ink);outline-offset:-2px;background:var(--paper)}
.op--spa #searchResults .sr-top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center}
.op--spa #searchResults .sr-tag{font-family:var(--font-mono);font-weight:400;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--house-commons);color:var(--paper);padding:3px 7px}
.op--spa #searchResults .sr-tag.opt-lords{background:var(--house-lords)}
.op--spa #searchResults .sr-tag.written{background:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)!important}
.op--spa #searchResults .sr-tag :is(.dot,.sq){display:none}
.op--spa #searchResults .sr-date,.op--spa #searchResults .sr-sem-meta,.op--spa #searchResults .sr-foot{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.op--spa #searchResults .sr-title{font-family:var(--font-ui);font-weight:800;font-size:19px;letter-spacing:-.01em;margin:10px 0 6px}
.op--spa #searchResults .sr-who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:14px;color:var(--text-3)}
.op--spa #searchResults .sr-who .party{display:inline-flex;align-items:center;gap:6px;font-weight:700;color:var(--ink)}
.op--spa #searchResults :is(.sr-snip,.sr-text,.sr-sem-q,.sr-body){font-family:var(--font-said);font-style:normal;font-size:16px;line-height:1.6;color:var(--ink);border:0;padding:0}
.op--spa #searchResults .sr-sem{border-left:4px solid var(--sw,var(--ink))}
.op--spa #searchResults .ask-src-main{flex:1 1 auto;min-width:0}
.op--spa #searchResults .sr-pager{display:flex;justify-content:space-between;align-items:center;gap:12px}
.op--spa #searchResults .sr-pg-info{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.op--spa #searchResults .sr-mps{display:flex;flex-direction:column;gap:10px}
.op--spa #searchResults .sr-mp{display:flex;gap:14px;align-items:center}
.op--spa #searchResults .sr-mp img{width:48px;height:48px;object-fit:cover}
.op--spa #searchResults .sr-mp-name{font-weight:800}
.op--spa #searchResults .sr-mp-meta{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.op--spa #searchResults :is(.ask-prompt,.sm-upsell,.ask-answer){background:var(--paper);border:var(--rule);padding:24px 28px}
.op--spa #searchResults .ask-prompt p{margin:0 0 8px;font-size:16px;line-height:1.55}
.op--spa #searchResults .ask-q{font-family:var(--font-ui);font-weight:800;font-size:26px;line-height:1.15;letter-spacing:-.02em;margin:0 0 14px;text-transform:none;color:var(--ink)}
.op--spa #searchResults .ask-bar{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.op--spa #searchResults .ask-body{font-family:var(--font-said);font-size:17px;line-height:1.65;color:var(--ink)}
.op--spa #searchResults a.ask-cite{display:inline-block;margin-left:4px;background:var(--ink);color:var(--paper);font:400 11px/1.4 var(--font-mono);padding:1px 5px;text-decoration:none;vertical-align:2px;min-width:0;height:auto}
.op--spa #searchResults .ask-sources{display:flex;flex-direction:column;gap:10px;margin:8px 0 0}
.op--spa #searchResults .ask-src{display:flex;gap:12px;align-items:flex-start}
.op--spa #searchResults .ask-src-n{flex:0 0 auto;background:var(--ink)!important;color:var(--paper);font:400 11px/1.4 var(--font-mono);padding:1px 6px;min-width:0;height:auto}
.op--spa #searchResults .sr-sem-meta{display:block;margin-top:8px}
.op--spa #searchResults .sr-sem-meta>.op-swatch{vertical-align:-1px;margin-right:6px}
.op--spa #searchResults .sr-sem-badge{font-family:var(--font-mono);font-size:11px;border:1px solid var(--ink);padding:1px 6px;margin-left:6px;background:none;color:var(--ink)}
.op--spa #searchResults .sr-sem-why{font-size:14px;color:var(--text-2);margin-top:6px}
.op--spa #searchResults .ask-foot{font-size:13px;color:var(--text-3);margin:16px 0 0}
.op--spa #searchResults .ask-saved-row{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--rule-soft);padding:6px 0}
.op--spa #searchResults .ask-saved-q{background:none;border:0;font:600 15px/1.3 var(--font-ui);color:var(--ink);text-align:left;cursor:pointer;min-height:44px;flex:1 1 auto}
.op--spa #searchResults .ask-saved-del{background:none;border:1px solid var(--rule-mid);min-width:44px;min-height:44px;cursor:pointer}

/* ---- a member's page in the app ---- */
.op--spa #memberView{max-width:960px}
.op--spa #memberView .backbar button{font:600 13px/1.2 var(--font-ui);background:none;border:0;padding:8px 0;cursor:pointer;color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.op--spa #memberView .mb-head{background:var(--paper);border:var(--rule);padding:24px 28px;display:flex;gap:20px;align-items:flex-start}
.op--spa #memberView .mb-head img{width:88px;height:88px;object-fit:cover}
.op--spa #memberView .mb-head h2{font-size:34px;line-height:1.1;margin:0 0 6px}
.op--spa #memberView .mb-title{font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}
.op--spa #memberView .mb-meta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:8px 0;font-size:14px;color:var(--text-2)}
.op--spa #memberView .mb-stats{font-size:14px;color:var(--text-2);margin:0 0 12px}
.op--spa #memberView h3.section{font-family:var(--font-mono);font-weight:400;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);border:0}
.op--spa #memberView .mb-daygrp{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:20px 0 8px;border:0}
.op--spa #memberView .mb-item{display:block;background:var(--paper);border:var(--rule);border-left:4px solid var(--sw,var(--ink));padding:14px 18px;margin:0 0 10px;text-decoration:none;color:var(--ink)}
.op--spa #memberView .mb-item:hover{outline:2px solid var(--ink);outline-offset:-2px}
.op--spa #memberView .mb-top{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.op--spa #memberView .mb-badge{font-family:var(--font-mono);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)!important}
.op--spa #memberView .mb-h{font-weight:700}
.op--spa #memberView .mb-when{margin-left:auto;font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.op--spa #memberView .mb-snip{font-family:var(--font-said);font-size:16px;line-height:1.6;margin-top:8px}

/* ---- print: the briefing, or the dashboard, and nothing of the shell ---- */
@media print{
.op--spa body.st-printing>.op-app:not(#opNone),.op--spa body.iq-printing>.op-app:not(#opNone){display:block!important}
.op--spa body:is(.st-printing,.iq-printing) :is(.op-side,.op-phonehead,.op-topbar,.op-phonebar,#opCommons,.opst-side,.op-skip){display:none!important}
.op--spa body:is(.st-printing,.iq-printing) .op-main{display:block!important;margin:0!important}
.op--spa body:is(.st-printing,.iq-printing) #mainView{padding:0!important;max-width:none!important}
.op--spa body.st-printing #studioView .st-wrap.opst-wrap{display:block}
.op--spa body.st-printing #studioView .st-doc{border:0;padding:0}
.op--spa body.st-printing #studioView .op-claim--selected{background:none;outline:0}
}

.oph-mono,.oph-label,.oph-credit,.oph-livetag,.oph-quote__head,.oph-brief__top,.oph-col>.oph-mono,.opp-item__top,.opp-lab,
.opp-dmeta,.opp-updated,.opp-docnav{font-family:var(--font-mono)}
.oph-label{margin:0;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.oph-mono{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.oph-btn{min-height:var(--touch);padding:16px 24px;font-size:17px;font-weight:700;text-decoration:none}
.op-btn.oph-btn:not(.op-btn--primary){font-weight:600}
.oph-ctas{display:flex;flex-wrap:wrap;gap:12px}
.oph-trial{margin:0;font-size:14px;color:var(--text-3)}
.opp-cta{border:var(--rule);padding:32px;display:flex;flex-direction:column;gap:16px;background:var(--paper)}
.opp-cta__h{margin:0;font-size:28px;line-height:1.15;font-weight:800;letter-spacing:-.02em}
.opp-cta p{margin:0;font-size:17px;line-height:1.55;color:var(--text-2);max-width:640px}
.opp-cta .oph-trial{font-size:14px;color:var(--text-3)}
.op--public .op-pubnav a[data-op-start]{color:var(--paper)}
.oph-sec{border-bottom:var(--rule)}
.oph-sec__in{padding-top:88px;padding-bottom:88px;display:flex;flex-direction:column;gap:48px}
.oph-sechead{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-end}
.oph-sechead__main{display:flex;flex-direction:column;gap:16px;max-width:760px}
.oph-h2{margin:0;font-size:48px;line-height:1.05;letter-spacing:-.03em;font-weight:800;max-width:760px}
.oph-h3{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em}
.oph-sub{margin:0;font-size:19px;line-height:1.5;color:var(--text-2)}
@media (max-width:760px){.oph-btn{width:100%;justify-content:center;padding:14px 18px;font-size:16px}
.op-pubnav>a:not(.op-btn):not([data-op-signin]):not([aria-current]){display:none}
.op-pubnav{gap:14px}.opp-cta{padding:20px}.opp-cta__h{font-size:23px}
.oph-sec__in{padding-top:48px;padding-bottom:48px;gap:28px}.oph-h2{font-size:32px}.oph-sub{font-size:17px}}

/* ---- the app in the public shell (docs/redesign, Brief D04) ---- */
.op--pub .op-app--pub{min-height:0}
.op--pub .op-app--pub .op-main{min-height:0}
.op--pub #landingView,.op--pub #mainView>.foot{display:none!important}
.op--pub body:not([data-view]) .op-topbar,.op--pub body[data-view="landing"] .op-topbar,.op--pub body[data-view="pricing"] .op-topbar{display:none}
.op--pub body[data-view]:not([data-view="landing"]) #opHome{display:none}
.op--pub body:is(:not([data-view]),[data-view="landing"]) #mainView{display:none!important}
.op--pub header.op-pubhead{position:relative;z-index:3;max-width:none;margin:0;padding:0;display:block;gap:0;border-bottom:var(--rule)}
/* the views sit on the public pages' grid, under the nav, not against the left edge as beside a sidebar */
.op--pub body:not([data-view="feed"]):not([data-view="archive"]) #mainView{margin-left:auto;margin-right:auto;width:100%}
.op--pub .op-topbar{padding-left:max(var(--gutter),calc((100% - var(--content)) / 2 + var(--gutter)))}

/* ---- the homepage ---- */
.oph{display:block;background:var(--paper)}
.oph-hero{border-bottom:var(--rule)}
.oph-photo{position:relative;height:520px;background:var(--ink);overflow:hidden;border-bottom:var(--rule)}
.oph-photo img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}
.oph-photo__in{position:absolute;left:0;right:0;top:0;max-width:var(--content);margin:0 auto;padding:24px var(--gutter)}
.oph-livetag{display:inline-flex;align-items:center;gap:8px;background:var(--accent);color:var(--ink);padding:8px 12px;font-size:13px;
letter-spacing:.08em;text-transform:uppercase;font-weight:500}
.oph-livetag span{width:8px;height:8px;background:var(--ink);display:inline-block}
.oph-credit{position:absolute;right:0;top:0;background:var(--ink);color:var(--paper);padding:6px 12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase}
.oph-hero__row{padding-top:64px;padding-bottom:88px;display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.oph-hero__copy{flex:1 1 520px;display:flex;flex-direction:column;gap:28px;min-width:0}
.oph-eyebrow{color:var(--ink)}
.oph-h1{margin:0;font-size:76px;line-height:.98;letter-spacing:-.035em;font-weight:800}
.oph-lede{margin:0;font-size:20px;line-height:1.5;color:var(--text-2);max-width:560px}
.oph-hero__copy .oph-ctas+.oph-trial{margin-top:-16px}
.oph-quote{flex:1 1 460px;min-width:0;position:relative;border:var(--rule);box-shadow:var(--shadow-hero);background:var(--paper)}
/* over the photograph by 220px (the spec; the mockup's -220px margin, inside the row's 64px padding, overlapped by 156) */
@media (min-width:1100px){.oph-quote{margin-top:-284px}}
.oph-quote__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-bottom:var(--rule);
font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.oph-quote__body{padding:22px 22px 4px;display:flex;flex-direction:column;gap:18px}
.oph-turn{display:flex;flex-direction:column;gap:6px;padding-bottom:14px}
.oph-turn__who{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.oph-turn__who strong{font-size:16px}
.oph-turn__meta{font-family:var(--font-mono);font-size:12px;color:var(--text-3)}
.oph-turn__words{margin:0;font-family:var(--font-said);font-size:17px;line-height:1.55}
.oph-quote__foot{border-top:var(--rule);padding:14px 20px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px}
.oph-quote__foot a{font-weight:600}
.oph-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));border-top:var(--rule)}
.oph-col{padding:32px;display:flex;flex-direction:column;gap:14px;border-right:1px solid var(--rule-mid)}
.oph-col:first-child{padding-left:0}.oph-col:last-child{padding-right:0;border-right:0}
.oph-col>.oph-mono{font-size:13px;color:var(--ink)}
.oph-col p{margin:0;font-size:17px;line-height:1.55;color:var(--text-2)}
.oph-sec--ground{background:var(--ground)}
.oph-pros{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(330px,100%),1fr));gap:20px}
.oph-pro.oph-pro--wide{grid-column:1/-1;border-left:4px solid var(--house-lords)}
.oph-pro{border:var(--rule);background:var(--paper);padding:28px;display:flex;flex-direction:column;gap:14px}
.oph-pro__tag{color:var(--ink)}
.oph-pro__p{margin:0;font-size:16px;line-height:1.55;color:var(--text-2)}
.oph-pro__eg{margin:auto 0 0;border-left:4px solid var(--accent);background:var(--ground);padding:12px 14px;display:flex;flex-direction:column;gap:4px}
.oph-pro__eg--chips{flex-direction:row;flex-wrap:wrap;gap:8px;align-items:center}
.oph-pro__said{font-family:var(--font-said);font-size:17px;line-height:1.4}
.oph-pro__more{margin:0;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;font-weight:600}
.oph-pro__more a::after{content:" \2192"}
.oph-plans__more{margin:0;font-size:16px;font-weight:600}
.oph-plans__more a::after{content:" \2192"}
.oph-sec--dark{background:var(--ink);color:var(--paper);border-bottom:0}
.oph-sec--dark .oph-h2{color:var(--paper)}
.oph-sec--dark .oph-label,.oph-sec--dark .oph-sub,.oph-onink{color:var(--text-on-dark-2)}
.oph-sec--dark .oph-sec__in{gap:44px}
.oph-verdicts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr));gap:20px}
.oph-onink{margin:0;font-size:15px}
.oph-who{display:inline-flex;align-items:center;gap:6px}
.oph-vcard .op-vcard__q a{color:inherit;text-decoration:none}
.oph-vcard .op-vcard__q a:hover{text-decoration:underline}
.oph-split{padding-top:88px;padding-bottom:88px;display:flex;flex-wrap:wrap;gap:56px;align-items:flex-start}
.oph-split__text{flex:1 1 380px;display:flex;flex-direction:column;gap:22px;align-items:flex-start;min-width:0}
.oph-split--alone .oph-split__text{max-width:760px}
.oph-split__text .oph-sub{font-size:18px;line-height:1.55}
.oph-brief{flex:1 1 560px;min-width:0;border:var(--rule);padding:36px;display:flex;flex-direction:column;gap:20px;background:var(--paper)}
.oph-brief__top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.oph-brief__title{margin:0;font-family:var(--font-said);font-size:38px;line-height:1.1;font-weight:600}
.oph-brief__span{margin:0;font-size:13px;text-transform:none;letter-spacing:0}
.oph-brief__points{margin:0;padding:20px 0 0 20px;border-top:var(--rule);display:flex;flex-direction:column;gap:14px;font-family:var(--font-said);font-size:17px;line-height:1.55}
.oph-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(250px,100%),1fr));gap:20px;align-items:stretch}
.oph-tier{padding:28px;gap:18px}
.oph-tier .op-price__num{font-size:52px}
.oph-tier .op-price__num.oph-tier__talk{font-size:34px;line-height:1.3}
.oph-tier__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.45;flex:1}
.oph-tier__list li{padding-left:20px;position:relative}
.oph-tier__list li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;background:var(--ink)}
.oph-staff{margin:-8px 0 0;text-align:center;font-size:14px}
.oph-staff a{font-weight:600}
@media (max-width:1100px){.oph-h1{font-size:60px}}
@media (max-width:760px){.oph-photo{height:300px}.oph-photo__in{padding:12px var(--gutter)}.oph-livetag{font-size:11px;padding:6px 8px}
.oph-credit{top:auto;bottom:0;font-size:10px}
.oph-hero__row{padding-top:32px;padding-bottom:48px;gap:32px}.oph-hero__copy{flex-basis:100%;gap:20px}.oph-h1{font-size:42px;line-height:1.02}
.oph-lede{font-size:17px}.oph-quote{flex-basis:100%;box-shadow:6px 6px 0 var(--accent);margin-right:6px}
.oph-split{padding-top:48px;padding-bottom:48px;gap:28px}.oph-pro{padding:20px}
.oph-col,.oph-col:first-child,.oph-col:last-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--rule-mid)}
.oph-brief{padding:20px}.oph-brief__title{font-size:28px}.oph-quote__body{padding:16px 16px 0}.oph-quote__head,.oph-quote__foot{padding:12px 16px}}

/* ---- plans and pricing (the app's ?pricing, round its own buttons) ---- */
.op--spa #pricingView.opr-on>.pr{display:none}
.opr{padding:16px 0 32px;display:flex;flex-direction:column;gap:40px}
.op--pub .opr{padding-top:32px}
.opr .oph-h2{font-size:48px}
.opr-staff{margin:-8px 0 0;font-size:14px;color:var(--text-2);text-align:center}
.opr .op-btn[disabled]{opacity:.65;cursor:default}
.opr-hero{display:flex;flex-direction:column;gap:16px;max-width:820px}
.opr-hero .oph-sub{max-width:760px}
.opr-cycle{display:inline-flex;align-self:flex-start;border:var(--rule);margin-top:8px}
.opr-cycle button{font:600 15px/1.2 var(--font-ui);border:0;background:var(--paper);color:var(--ink);min-height:var(--touch);padding:10px 18px;cursor:pointer;
display:inline-flex;align-items:center;gap:8px}
.opr-cycle button+button{border-left:var(--rule)}
.opr-cycle button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.opr-save{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:var(--accent);color:var(--ink);padding:3px 6px}
.opr-plans{align-items:stretch}
.opr-plan{padding:28px;gap:16px;position:relative}
.opr-plan .op-price__num{font-size:52px}
.opr-plan .op-price__num.opr-talk{font-size:34px;line-height:1.3}
.opr-plan .op-price__plan{font-size:28px}
.opr-plan .op-price__amt,.oph-tier .op-price__amt{flex-wrap:wrap;row-gap:2px}
.opr-plan .op-price__per,.oph-tier .op-price__per{white-space:nowrap}
.opr-flag{position:absolute;top:-1px;right:-1px;margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-mono);font-size:11px;
letter-spacing:.06em;text-transform:uppercase;padding:5px 10px}
.opr-plan:not(.op-price--featured) .opr-flag{background:var(--paper);color:var(--ink);border:var(--rule)}
.opr-for{margin:-6px 0 0;font-size:15px;line-height:1.5;color:var(--text-2)}
.opr-lead{margin:6px 0 -6px;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.opr-plan .oph-tier__list strong{color:var(--ink)}
.opr,.opr-compare{min-width:0;max-width:100%}
.opr-compare{display:flex;flex-direction:column;gap:16px}
.opr-tw{position:relative;overflow-x:auto;width:100%;max-width:100%;border-top:var(--rule)}
.opr-table{width:100%;min-width:640px;border-collapse:collapse;font-size:15px}
.opr-table th,.opr-table td{padding:12px 14px;border-bottom:1px solid var(--rule-mid);text-align:center;vertical-align:middle}
.opr-table tbody th{text-align:left;font-weight:400;color:var(--text-2)}
.opr-table thead th{font-size:16px;font-weight:800;padding-top:16px}
.opr-table .opr-hot{background:var(--ground)}
.opr-table .opr-grp th{text-align:left;padding-top:24px;font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.06em;
text-transform:uppercase;color:var(--ink);border-bottom:var(--rule)}
.opr-yes{font-weight:800}
.opr-no{display:inline-block;width:12px;height:2px;background:var(--rule-mid);vertical-align:middle}
.opr-lim{font-family:var(--font-mono);font-size:13px}
@media (max-width:760px){.opr{padding:8px 0 24px;gap:24px}.opr .oph-h2{font-size:32px}.opr-plan{padding:20px}
.opr-table{font-size:14px}.opr-table th,.opr-table td{padding:10px 8px}}

/* ---- members of Parliament ---- */
.op--spa #mpsView[data-op]{padding:16px 0 32px}
.op--spa #mpsView .mps-head h2{font-family:var(--font-ui);font-size:40px;font-weight:800;letter-spacing:-.03em}
.op--spa #mpsView .mp-filter{border:var(--rule);border-radius:0;height:var(--touch);padding:0 14px;font:400 15px/1.2 var(--font-ui);min-width:min(320px,100%);box-shadow:none}
.op--spa #mpsView .mps-grouph{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--ink);border-bottom:var(--rule);padding-bottom:8px;margin-bottom:12px}
.op--spa #mpsView .mp-dot{width:12px;height:12px;border-radius:0;box-shadow:var(--edge)}
.op--spa #mpsView .mp-card{border:1px solid var(--rule-mid);border-radius:0;background:var(--paper);box-shadow:none;min-height:var(--touch)}
.op--spa #mpsView .mp-card:hover{border-color:var(--ink);box-shadow:none}
.op--spa #mpsView .mp-card img{border-radius:0}
.op--spa #mpsView .mp-name{font-family:var(--font-ui);font-weight:700;font-size:15px}
.op--spa #mpsView .mp-meta{font-family:var(--font-mono);font-size:11px;color:var(--text-3)}

/* ---- the sign-in box and the app's other modals ---- */
.op--spa .modal-bg{background:rgba(16,20,24,.72)}
.op--spa .modal-bg .modal{border-radius:0;border:var(--rule);background:var(--paper);color:var(--ink);padding:32px;box-shadow:none}
.op--spa .modal-bg .modal h3{font-family:var(--font-ui);font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 12px}
.op--spa .modal-bg .modal .auth-sub,.op--spa .modal-bg .modal p{color:var(--text-2);font-size:15px;line-height:1.5}
.op--spa .modal-bg .modal label{font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.op--spa .modal-bg .modal input:not([type=checkbox]):not([type=radio]),.op--spa .modal-bg .modal textarea{border:var(--rule);border-radius:0;min-height:var(--touch);
font:400 16px/1.3 var(--font-ui);padding:10px 12px;background:var(--paper);color:var(--ink);box-shadow:none}
.op--spa .modal-bg .modal input:focus,.op--spa .modal-bg .modal textarea:focus{outline:3px solid var(--accent);outline-offset:2px;border-color:var(--ink)}
.op--spa .modal-bg .modal .actions button{font:600 15px/1.2 var(--font-ui);letter-spacing:0;text-transform:none;border:var(--rule);border-radius:0;
background:var(--paper);color:var(--ink);min-height:var(--touch);padding:10px 18px;filter:none}
.op--spa .modal-bg .modal .actions button.primary{background:var(--ink);color:var(--paper);border-color:var(--ink);font-weight:700}
.op--spa .modal-bg .modal .actions button:hover{background:var(--ground)}
.op--spa .modal-bg .modal .actions button.primary:hover{background:var(--text-2)}
.op--spa .modal-bg .modal :is(.auth-forgot,.auth-toggle) a{color:var(--ink);text-decoration:underline;font-weight:600;cursor:pointer}
.op--spa .modal-bg .modal .auth-err{color:var(--ink);border-left:4px solid var(--ink);padding-left:10px}
.op--spa .modal-bg .modal .auth-err.ok{border-left-color:var(--house-commons)}
.op--spa .modal-bg .modal img{border-radius:0}
.op--spa #onboardModal .ob-grid,.op--spa #onboardModal #obAdd{border-radius:0!important;border:1px solid var(--rule-mid)!important}
.op--spa #onboardModal .ob-h{font-family:var(--font-mono);font-weight:400;color:var(--text-3)}

/* ---- account settings ---- */
.op--spa #profileView[data-op] .pf{max-width:880px;margin:0;padding:16px 0 32px}
.op--spa #profileView .pf-back{display:none}
.op--spa #profileView .pf>h2{font-family:var(--font-ui);font-size:40px;font-weight:800;letter-spacing:-.03em;margin:0 0 20px}
.op--spa #profileView .pf-tabs{display:flex;gap:0;border-bottom:var(--rule);margin:0 0 24px;background:none;border-radius:0;padding:0}
.op--spa #profileView .pf-tab-btn{font:600 15px/1.2 var(--font-ui);border:0;border-radius:0;background:none;color:var(--text-3);padding:12px 18px;min-height:var(--touch);
box-shadow:none;margin-bottom:-1px;border-bottom:3px solid transparent;cursor:pointer}
.op--spa #profileView .pf-tab-btn.on{color:var(--ink);border-bottom-color:var(--ink);background:none}
.op--spa #profileView .pf-card{border:var(--rule);border-radius:0;background:var(--paper);box-shadow:none;padding:24px;margin:0 0 20px}
.op--spa #profileView .pf-card h3{font-family:var(--font-ui);font-size:20px;font-weight:800;letter-spacing:-.01em;margin:0 0 12px;text-transform:none;color:var(--ink)}
.op--spa #profileView label:not(.pf-alert){font-family:var(--font-mono);font-size:12px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.op--spa #profileView input[type=text],.op--spa #profileView input[type=password],.op--spa #profileView input[type=email],.op--spa #profileView select{
border:var(--rule);border-radius:0;min-height:var(--touch);font:400 16px/1.3 var(--font-ui);padding:10px 12px;background:var(--paper);color:var(--ink);box-shadow:none}
.op--spa #profileView .btn{font:700 15px/1.2 var(--font-ui);border:var(--rule);border-radius:0;background:var(--ink);color:var(--paper);min-height:var(--touch);padding:10px 18px;box-shadow:none;text-transform:none;letter-spacing:0}
.op--spa #profileView .btn.ghost{background:var(--paper);color:var(--ink);font-weight:600}
.op--spa #profileView .btn:hover{background:var(--text-2);color:var(--paper)}
.op--spa #profileView .btn.ghost:hover{background:var(--ground);color:var(--ink)}
.op--spa #profileView .pf-row{border-bottom:1px solid var(--rule-soft);padding:10px 0}
.op--spa #profileView .pf-row .k{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.op--spa #profileView .pf-badge{border-radius:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:2px 6px;
background:var(--paper);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.op--spa #profileView .pf-badge.ok{color:var(--house-commons);box-shadow:inset 0 0 0 1.5px var(--house-commons)}
.op--spa #profileView .pf-badge.pro{background:var(--ink);color:var(--paper)}
.op--spa #profileView .pf-alert{border:1px solid var(--rule-mid);border-radius:0;background:var(--paper);min-height:var(--touch);
font:400 15px/1.45 var(--font-ui);text-transform:none;letter-spacing:0;color:var(--ink)}
.op--spa #profileView .pf-alert .t{font-weight:700;font-size:15px}
.op--spa #profileView .pf-alert .d{font-size:14px;color:var(--text-3)}
.op--spa #profileView .pf-alert.sel{border-color:var(--ink);box-shadow:inset 4px 0 0 var(--ink);background:var(--paper)}
.op--spa #profileView .pf-follow{border-bottom:1px solid var(--rule-soft);padding:10px 0}
.op--spa #profileView .pf-follow .pf-topic-name{font-family:var(--font-ui);font-weight:600}
.op--spa #profileView .pf-follow .pf-topic-name::before{color:var(--text-3)}
.op--spa #profileView .pf-follow button{font:600 13px/1.2 var(--font-ui);border:var(--rule);border-radius:0;background:var(--paper);color:var(--ink);min-height:36px;padding:6px 12px}
.op--spa #profileView .note{color:var(--text-3)}
.op--spa #profileView .msg{color:var(--text-2)}
.op--spa #profileView a{color:var(--ink)}
@media (max-width:760px){.op--spa #profileView[data-op] .pf,.op--spa #mpsView[data-op]{padding:4px 0 24px}
.op--spa #profileView .pf>h2,.op--spa #mpsView .mps-head h2{font-size:30px}.op--spa #profileView .pf-tab-btn{padding:12px 12px}}