:root{--paper:#f4efe7;--ink:#242321;--muted:#69635b;--line:#d6cec1;--accent:#884b2d;--blue:#234f63}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 system-ui,-apple-system,sans-serif}main{max-width:1120px;margin:auto;padding:32px 32px 48px}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--blue);background:#234f630b}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button{background:transparent;border:1px solid var(--line);padding:9px 15px;color:var(--ink);border-radius:4px}button:hover{border-color:var(--accent);color:var(--accent)}button:disabled{cursor:wait;opacity:.6}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}[hidden]{display:none!important}.topline{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:.08em}.topline button{font-size:12px;letter-spacing:0}h1{font:clamp(44px,8vw,91px)/1.05 Georgia,serif;letter-spacing:-.055em;margin:36px 0 12px}h1 span{color:var(--accent)}.newspaper-name{font-size:clamp(35px,6.7vw,76px);overflow-wrap:break-word;hyphens:auto}.editionline{border-top:2px solid var(--ink);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;font-size:14px}.editionline p{margin:0}select{background:transparent;border:1px solid var(--line);border-radius:4px;padding:6px;color:var(--ink);max-width:100%}.small{font-size:12px;color:var(--muted)}.notice{font-size:13px;border-left:3px solid var(--accent);padding:8px 15px;background:#884b2d08}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-top:32px}.tabs button{border:none;border-radius:0;padding:15px 0;font-weight:650}.tabs button[aria-pressed=true]{border-bottom:3px solid var(--accent);color:var(--accent)}.tabs span{display:inline-block;margin-left:5px;font-size:12px;font-weight:400}.lead-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;border-bottom:1px solid var(--line);padding:30px 0 32px}.lead-grid article+article{border-left:1px solid var(--line);padding-left:28px}article{min-width:0}article h2{font:27px/1.25 Georgia,serif;margin:13px 0}article h2 a{text-decoration:none}article p{font-size:14px;line-height:1.7}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.meta{font-size:12px!important;color:var(--muted);margin-bottom:8px}.article-list article{padding:28px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:190px minmax(0,1fr);gap:32px}.article-list h2{margin-top:3px;font-size:29px}.article-list .body{max-width:730px}.links{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;margin:16px 0}.ratings{display:flex;gap:5px;flex-wrap:wrap}.ratings button{font-size:11px;padding:7px 9px}.ratings button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.rating-state{min-height:20px;font-size:11px;color:var(--muted);margin:4px 0}.reason{font-size:11px;color:var(--muted);margin:8px 0}.reason select{font-size:11px;padding:3px}.novelty{border-left:2px solid var(--accent);padding-left:12px;color:var(--accent)}.treat{background:#e9e1d430;margin-top:12px;padding:24px!important}.headline-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:24px 0}.headline-columns h2{font:28px Georgia,serif}.headline-columns ul{list-style:none;padding:0}.headline-columns li{padding:17px 0;border-top:1px solid var(--line);line-height:1.45}.headline-columns a{text-decoration:none}.headline-columns small{display:block;margin-top:7px;color:var(--muted)}#feedback-section{margin-top:45px;border-top:2px solid var(--ink);padding-top:25px;display:grid;grid-template-columns:1fr 2fr;gap:45px}h2{font-family:Georgia,serif;font-weight:400}.feedback-heading h2{font-size:32px;line-height:1.2;margin-top:12px}label{font-size:13px}textarea,input{display:block;width:100%;border:1px solid var(--line);background:#fff8;color:var(--ink);border-radius:4px;padding:12px;margin:9px 0 15px}textarea{resize:vertical}form>button{background:var(--ink);color:var(--paper)}form>span{font-size:12px;display:inline-block;margin:8px}#profile,#login{padding:24px 0;border-bottom:1px solid var(--line)}#topics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}#topics label{display:flex;justify-content:space-between;align-items:center;gap:12px}#profile details{font-size:13px;margin-top:20px}.empty{padding:45px 0;color:var(--muted)}footer{margin-top:50px;padding-top:20px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;display:flex;gap:20px;flex-wrap:wrap;justify-content:space-between}
@media(max-width:760px){main{padding:22px 20px}.topline>span{display:none}.lead-grid{grid-template-columns:1fr;gap:25px}.lead-grid article+article{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:25px}.lead-grid h2{font-size:31px}.article-list article{grid-template-columns:1fr;gap:10px}.article-list h2{font-size:27px}.editionline{align-items:flex-start;flex-direction:column;gap:8px}.tabs{gap:22px}.tabs button{font-size:14px}#feedback-section,.headline-columns,#topics{grid-template-columns:1fr;gap:18px}#feedback-section{margin-top:30px}.ratings button{font-size:12px;padding:9px}.headline-columns{gap:0}}

/* One reading column at every screen size. */
main{max-width:860px}.lead-grid{display:block;padding:0;border:0}.lead-grid article,.article-list article{display:block;padding:28px 0;border-bottom:1px solid var(--line)}.lead-grid article+article{border-left:0;padding-left:0}.article-list .body{max-width:none}article h2,.article-list h2,.lead-grid h2{font-size:29px;margin:12px 0}.headline-columns,#feedback-section{display:block}.rating-dots{margin:20px 0 0;padding:12px 0;border:0;gap:12px 24px}.rating-dots legend{font-size:12px;color:var(--muted)}.rating-dots>label{display:flex;align-items:center;gap:7px;cursor:pointer}.rating-dots input[type=radio]{appearance:auto;display:inline-block;width:18px;height:18px;padding:0;margin:0;accent-color:var(--accent)}.rating-dots .reason{flex-basis:100%}.rating-dots .reason select{margin-left:8px}#feedback-status{display:block}#feedback-section form{margin-top:20px}

.rating-dots .reason{display:block;width:100%}.rating-dots .reason textarea{font-size:13px;margin:6px 0;width:100%}

#manual-feedback{margin-top:14px;padding:12px;border:1px solid var(--line)}
#manual-feedback textarea{width:100%}
#github-submit-link{font-size:13px}

/* Browser-only GitHub token settings. No token appears in HTML or public source. */
#github-setup{margin:30px 0;padding:22px;border:1px solid var(--line);background:#ffffff48}
#github-setup h2{margin:0 0 10px;font-size:27px}
#github-setup p{font-size:13px;line-height:1.6}
#github-setup code{overflow-wrap:anywhere}
#github-setup-form>label{display:block;font-size:14px}
#github-setup #github-token{width:100%;max-width:700px}
#github-setup .token-consent{display:flex;align-items:flex-start;gap:10px;max-width:700px;cursor:pointer;margin:12px 0 19px}
#github-setup input[type=checkbox]{appearance:auto;width:18px;height:18px;flex-shrink:0;margin:3px 0;padding:0}
#github-setup-status{display:block;color:var(--muted);font-size:13px;margin-top:12px}
#github-connected{display:flex;align-items:center;gap:12px;justify-content:space-between;border:1px solid var(--line);margin:25px 0;padding:13px 16px;font-size:13px}
#github-connected button{font-size:12px}
#feedback-confirmation{font-size:13px;margin-top:8px}
@media(max-width:760px){#github-connected{align-items:flex-start;flex-direction:column}}

/* Two-section newsreader: news first, deeper analysis on its own tab. */
#headlines{padding-top:10px}
.headline-columns section{margin-bottom:32px}
.headline-columns section+section{border-top:2px solid var(--ink);padding-top:26px}
.headline-columns h2{font-size:29px;margin:5px 0 18px}
.headline-columns li{padding:18px 0}
.headline-columns li a{font:24px/1.32 Georgia,serif}
.headline-columns li small{font-size:12px}
.tabs{margin-top:24px}
@media(max-width:760px){.headline-columns li a{font-size:21px}.headline-columns h2{font-size:26px}}

/* Combined feedback, compact three-way choices in news, connection settings last. */
.news-item .rating-dots{margin:12px 0 4px;padding:4px 0;gap:6px 13px}
.news-item .rating-dots legend{font-size:11px}
.news-item .rating-dots label{font-size:12px}
.news-item .rating-dots input[type=radio]{width:15px;height:15px;flex-shrink:0}
.news-item .rating-dots .reason{margin:2px 0 0}
.news-item .rating-dots .reason textarea{font-size:12px;margin:3px 0 6px}
.news-item .rating-dots textarea{min-height:48px}
.section-save{padding:17px 0 18px;margin:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-save button{background:var(--ink);color:var(--paper)}
.section-save button:disabled{opacity:.6}
.section-save .small{margin:5px 0}
.section-save-status{font-size:12px;color:var(--blue);margin:4px 0}
#feedback-settings{margin:34px 0 12px;border-top:1px solid var(--line);padding-top:12px}
#feedback-settings #github-setup{margin:12px 0}
#feedback-settings #github-connected{margin:12px 0}
@media(max-width:760px){.news-item .rating-dots{gap:8px 12px}.news-item .rating-dots label{font-size:11px}}

/* A private, readable preference summary, opened from the masthead. */
.topline #profile-toggle{white-space:nowrap;border-color:var(--ink);font-weight:650;letter-spacing:0}
#profile{margin:18px 0 26px;padding:25px 0;border-bottom:2px solid var(--ink)}
#profile h2{margin:0;font-size:31px}
#profile h3{font:23px/1.3 Georgia,serif;margin:22px 0 9px}
#profile p{font-size:14px;line-height:1.7}
.profile-head{display:flex;justify-content:space-between;align-items:start;gap:16px}
.profile-head .eyebrow{margin:0 0 5px}
.profile-head button{font-size:12px}
.profile-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:20px 0}
.profile-columns section{border-top:1px solid var(--line);padding-top:4px}
.profile-columns section h3{margin:10px 0 4px}
#preference-feedback{border-top:1px solid var(--line);padding:10px 0}
#preference-feedback>p{margin:5px 0}
.preference-list{list-style:disc;padding-left:24px;font-size:13px}
.preference-list li{margin:8px 0}
#preference-comment-form{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}
#preference-comment-form label{display:block;font-weight:650;font-size:14px}
#preference-comment{max-width:100%}
#preference-comment-status{font-size:12px;color:var(--blue);margin-top:12px}
@media(max-width:760px){.profile-columns{grid-template-columns:1fr;gap:7px}.topline #profile-toggle{padding:8px 10px}}

/* Compact three-tier relevance ratings: explanation only on deliberate expansion. */
.rating-dots{display:flex;align-items:center;gap:6px 13px;padding:8px 0 10px;margin:8px 0 0}
.rating-dots legend{float:left;width:100%;padding:0 0 4px;margin:0}
.rating-dots>label{display:inline-flex;align-items:center;white-space:nowrap;font-size:12px}
.rating-dots .rating-reason{flex:1 1 100%;width:100%;margin:3px 0 0}
.rating-reason summary{display:list-item;width:max-content;cursor:pointer;font-size:12px;color:var(--blue);padding:3px 0}
.rating-reason label{display:block;margin:8px 0 0;font-size:12px;white-space:normal}
.rating-reason textarea{max-width:100%;margin:4px 0 8px}
.news-item .rating-dots{display:flex;gap:6px 12px;align-items:center}
.news-item .rating-dots .rating-reason{flex:1 1 100%}
.links .link-disclaimer{flex:1 1 100%;margin:2px 0 0;font-size:11px;line-height:1.35}
.publication-status{border-top:1px solid var(--line);padding:8px 0 4px;font-size:12px;color:var(--muted);margin:0 0 7px}
.publication-status[data-state=stale]{font-weight:600;color:var(--accent)}
.publication-status[data-state=fresh]{color:var(--blue)}
#preference-edition-changes .preference-list{margin-top:5px}
#preference-edition-changes .preference-list .small{display:block;margin-top:3px;font-weight:normal}
@media(max-width:760px){.rating-dots{gap:7px 13px}.rating-dots>label{font-size:11px}}

/* Desktop: align the expandable reason control with the three rating choices.
   Mobile deliberately retains the stacked control for tap targets. */
@media (min-width:761px){
  .rating-dots .rating-reason,
  .news-item .rating-dots .rating-reason{
    flex:0 0 auto;
    width:auto;
    min-width:0;
    margin:0;
    align-self:center;
  }
  .rating-dots .rating-reason[open],
  .news-item .rating-dots .rating-reason[open]{
    flex:0 0 auto;
    width:auto;
    align-self:start;
  }
  .rating-dots .rating-reason summary{
    white-space:nowrap;
    padding:0;
  }
  .rating-dots .rating-reason textarea{width:100%;min-width:0;box-sizing:border-box;}
}

/* Keep the section switcher accessible throughout long issues. */
.tabs{
  position:sticky;
  top:0;
  z-index:20;
  background:var(--paper);
  box-shadow:0 4px 9px -9px var(--ink);
}
/* Maintain breathing room after the last rating choice, without pushing the
   optional explanation all the way to the far right on desktop. */
@media (min-width:761px){
  .rating-dots .rating-reason,
  .news-item .rating-dots .rating-reason{
    margin-left:3px;
  }
}

/* Each news item gets one compact editorial sentence below its linked headline. */
.news-item .news-summary{
  margin:8px 0 2px;
  font-size:13px;
  line-height:1.55;
  color:var(--muted);
}

/* Editorial masthead: one date and one timestamp, with a functional issue picker. */
.editionline #edition-meta{line-height:1.5}
.editionline label{white-space:nowrap}
@media(max-width:760px){
  .editionline{align-items:flex-start;flex-direction:column;gap:10px}
  .editionline label{display:flex;align-items:center;gap:10px}
}

/* Preferences is a separate view, not an expanded inline panel above articles.
   Keep the masthead for context but hide all newspaper-specific UI and footers. */
body.preferences-view header .editionline,
body.preferences-view main > #notice,
body.preferences-view main > #publication-status,
body.preferences-view main > #login,
body.preferences-view main > .tabs,
body.preferences-view main > #headlines,
body.preferences-view main > #articles,
body.preferences-view main > #feedback-section,
body.preferences-view main > #feedback-settings,
body.preferences-view main > footer{display:none!important}
body.preferences-view h1{font-size:clamp(34px,6vw,61px);margin:28px 0 4px}
body.preferences-view #profile{display:block;min-height:65vh;margin:12px 0 30px;padding:20px 0 45px;border-top:2px solid var(--ink)}
body.preferences-view .topline #profile-toggle{display:none!important}
@media(max-width:760px){
  body.preferences-view #profile{padding-top:18px}
  body.preferences-view .profile-head{flex-wrap:wrap}
  body.preferences-view .profile-head button{margin-top:4px}
}

/* Defence in depth: the entire newspaper is a separate DOM view. */
#newspaper-view[hidden],html.preferences-initial #newspaper-view,body.preferences-view #newspaper-view{display:none!important}

/* Real standalone preference document: no newspaper markup is present there. */
.topline a#profile-toggle{
  display:inline-block;
  white-space:nowrap;
  padding:8px 12px;
  border:1px solid var(--ink);
  border-radius:4px;
  font-size:12px;
  font-weight:650;
  letter-spacing:0;
  text-decoration:none;
}
.topline a#profile-toggle:hover{border-color:var(--accent)}
.preferences-document h1{font-size:clamp(34px,6vw,62px);margin:28px 0 20px}
.preferences-document #profile{
  display:block;
  min-height:65vh;
  padding:22px 0 42px;
  margin:0;
  border-top:2px solid var(--ink);
  border-bottom:0;
}
.preferences-document #profile .profile-head{margin-bottom:15px}
@media(max-width:760px){
  .preferences-document #profile{padding-top:18px}
  .preferences-document h1{margin:24px 0 15px}
}

/* Headlines use the same single-column article rhythm as Vertiefungen.
   Keep the established Österreich / International grouping and feedback. */
#headlines .headline-columns{display:block;padding:0;gap:0}
#headlines .headline-region{padding:20px 0 8px;margin:0}
#headlines .headline-region+.headline-region{border-top:2px solid var(--ink);padding-top:26px}
#headlines .headline-region .region-title{font:27px/1.28 Georgia,serif;margin:0}
#headlines .headline-region .article-list{display:block}
#headlines .news-item{display:block;padding:28px 0;border-bottom:1px solid var(--line)}
#headlines .news-item .body h2{font:29px/1.25 Georgia,serif;margin:12px 0}
#headlines .news-item .news-summary{font-size:14px;line-height:1.7;color:var(--ink);margin:14px 0}
#headlines .news-item .rating-dots{margin:20px 0 0;padding:12px 0;gap:6px 13px}
#headlines .news-item .rating-dots legend{font-size:12px}
#headlines .news-item .rating-dots label{font-size:12px}
#headlines .news-item .rating-dots input[type=radio]{width:18px;height:18px}
#headlines .news-item .rating-dots .reason{margin:8px 0}
#headlines .news-item .rating-dots textarea{min-height:0}
@media(max-width:760px){
  #headlines .headline-region .region-title{font-size:26px}
  #headlines .news-item .body h2{font-size:27px}
  #headlines .news-item .rating-dots label{font-size:11px}
}

.v3-reason-choice[aria-pressed="true"] { background: #204c70; color: white; border-color: #204c70; }

/* Public corrections are visible but do not alter the article's feedback identity. */
.article-correction{border-inline-start:2px solid var(--accent);margin:14px 0;padding:4px 10px}
.article-correction p{margin:4px 0}
.article-correction .correction-history{font-size:.82rem}
.article-correction .correction-history summary{cursor:pointer}

/* Read-only blog archive, separate from article ratings. */
.blogs-view #feedback-section,.blogs-view #feedback-settings,.blogs-view #new-sources{display:none!important}
.blog-heading{padding:25px 0 15px;border-bottom:2px solid var(--ink)}.blog-heading h2{font:clamp(25px,5vw,33px)/1.25 Georgia,serif;margin:0 0 8px}.blog-heading h2 a{text-decoration:none}.blog-heading p{margin:4px 0}.blog-entry{padding:22px 0;border-bottom:1px solid var(--line)}.blog-entry h3{font:24px/1.3 Georgia,serif;margin:0 0 8px}.blog-entry h3 a{text-decoration:none}.blog-entry .meta{margin:2px 0 7px}.blog-description{font-size:14px;line-height:1.65;margin:0;max-width:65ch}.tabs{gap:clamp(12px,3vw,30px)}@media(max-width:480px){.tabs button{font-size:13px;padding:13px 0}.tabs{justify-content:space-between}}

/* Show five blog posts first; reveal ten more per click. */
#blogs .blog-more{display:block;margin:24px auto 12px;padding:10px 20px;border:1px solid var(--accent);font-weight:650;color:var(--accent);background:transparent;border-radius:5px}
#blogs .blog-more:hover,#blogs .blog-more:focus-visible{background:var(--ink);color:var(--paper)}
#blogs .blog-end{text-align:center;margin:24px 0}

/* Phase 1: compact accessible X button and independent deleted-post dialog. */
.blog-heading{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}
.blog-heading h2{flex:1 1 200px}
.blog-heading>p{flex-basis:100%;order:3}
#blogs .blog-trash-open{margin-left:auto;border:1px solid var(--line);border-radius:18px;background:transparent;color:var(--muted);font:inherit;font-size:.83rem;padding:7px 11px;cursor:pointer}
#blogs .blog-trash-open:hover,#blogs .blog-trash-open:focus-visible{border-color:var(--ink);color:var(--ink)}
.blog-entry{position:relative;padding-right:46px}
.blog-entry .blog-delete{position:absolute;top:19px;right:0;display:grid;place-items:center;width:34px;height:34px;padding:0;margin:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;line-height:0}
.blog-entry .blog-delete svg{display:block;flex:none}
.blog-entry .blog-delete:hover,.blog-entry .blog-delete:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--paper)}
#blogs button:focus-visible,.blog-trash-dialog button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.blog-trash-dialog{width:min(580px,calc(100vw - 28px));max-height:min(80vh,720px);overflow-y:auto;padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);box-shadow:0 18px 60px #0004}
.blog-trash-dialog::backdrop{background:rgba(25,22,18,.55)}
.blog-trash-header{display:flex;justify-content:space-between;align-items:start;gap:12px}
.blog-trash-header h2{margin:0;font:clamp(21px,4vw,28px)/1.25 Georgia,serif}
.blog-trash-header button,.blog-restore{padding:7px 12px;border-radius:6px;border:1px solid var(--accent);background:transparent;color:var(--accent);font:inherit;cursor:pointer}
.blog-trash-header button:hover,.blog-restore:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.blog-trash-list{margin-top:15px}
.blog-trash-entry{padding:16px 0;border-top:1px solid var(--line)}
.blog-trash-entry .blog-trash-name{margin:0 0 6px;font:18px/1.35 Georgia,serif}
.blog-trash-entry .small{margin:4px 0 10px}
@media(max-width:480px){.blog-trash-dialog{padding:18px}.blog-entry{padding-right:42px}}

/* Phase 2: distinguish source-checked original-language summary from RSS preview. */
#blogs .blog-summary{font-size:15px;line-height:1.7;max-width:68ch}
#blogs .blog-summary-origin{margin:8px 0 0;font-size:12px;color:var(--muted)}

/* Phase 5: unusual interest-adjacent perspectives, editorially separate from 'Neue Quellen'. */
#articles .new-perspectives{margin:38px 0 4px;padding:24px 0 0;border-top:2px solid var(--ink)}
#articles .new-perspectives-title{font:clamp(28px,5vw,35px)/1.18 Georgia,serif;margin:2px 0 6px}
#articles .new-perspectives-intro{font-size:14px;line-height:1.65;color:var(--muted);margin:0 0 14px;max-width:70ch}
#articles .new-perspectives-list .new-perspective-article{border-bottom:1px solid var(--line);padding:24px 0 27px}
#articles .new-perspective-rationale{font-size:13px;line-height:1.6;color:var(--ink);border-inline-start:2px solid var(--accent);padding:4px 0 4px 13px;margin:14px 0 12px;max-width:75ch}
@media(max-width:760px){#articles .new-perspectives{margin-top:25px;padding-top:20px}#articles .new-perspectives-list .new-perspective-article{padding:22px 0}}

/* A counterposition is a second, independently published article preview.
   Use the same source/title/summary hierarchy, without a synthetic rebuttal. */
.article-counterposition{margin:22px 0 18px;padding:18px 20px;border-inline-start:3px solid var(--blue);border-top:1px solid var(--line);background:transparent}
.article-counterposition .counterposition-label{font-size:11px;letter-spacing:.05em;margin:0 0 8px;color:var(--blue)}
.article-counterposition .counterposition-heading{font:22px/1.28 Georgia,serif;margin:0 0 7px;color:var(--ink)}
.article-counterposition .counterposition-heading a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.article-counterposition .counterposition-meta{font-size:12px;line-height:1.5;margin:0 0 8px;color:var(--muted)}
.article-counterposition .counterposition-summary{font-size:14px;line-height:1.65;margin:8px 0 0;max-width:72ch}
@media(max-width:760px){.article-counterposition{margin:18px 0;padding:15px 16px}.article-counterposition .counterposition-heading{font-size:21px}}

/* Phase 7: optional private suggestions; built-in choices and free text remain. */
.feedback-suggestions-private{display:flex;flex-wrap:wrap;gap:7px;flex:1 1 100%;width:100%;border-top:1px solid var(--line);padding-top:9px;margin-top:3px}
.feedback-suggestions-private .small{flex:1 1 100%;width:100%;margin:0 0 4px}
.feedback-suggestions-private button{max-width:100%;white-space:normal;text-align:left}