/* News card v1.0 — component styles; no build or remote services required. */
@font-face{font-family:NC Barlow;src:url('/static/fonts/Barlow-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:NC Barlow;src:url('/static/fonts/Barlow-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:NC Condensed;src:url('/static/fonts/BarlowCondensed-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:NC Condensed;src:url('/static/fonts/BarlowCondensed-ExtraBold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap}
.nc-container{--nc-paper:#faf8f4;--nc-page:#eeece7;--nc-ink:#111214;--nc-red:#c90025;--nc-muted:#5b5e65;--nc-inset:#efede8;--nc-rule:#ccc8c1;--nc-focus:#1761b8;--nc-white:#fff;--nc-pad:1.125rem;--nc-cut:1.25rem;--nc-shadow:.375rem;--nc-border:2px;--nc-display:'NC Condensed','Arial Narrow',sans-serif;--nc-body:'NC Barlow',Arial,sans-serif;container:news-card / inline-size;min-width:0;max-width:74rem;width:100%;font-family:var(--nc-body);color:var(--nc-ink);line-height:1.55}
.nc-container *,.nc-container *::before,.nc-container *::after{box-sizing:border-box}
.nc-shell{position:relative;isolation:isolate;margin:0 var(--nc-shadow) var(--nc-shadow) 0;min-width:0}
.nc-shell::before{content:'';position:absolute;inset:0;transform:translate(var(--nc-shadow),var(--nc-shadow));background:var(--nc-ink);clip-path:polygon(0 0,calc(100% - var(--nc-cut)) 0,100% var(--nc-cut),100% calc(100% - var(--nc-cut)),calc(100% - var(--nc-cut)) 100%,0 100%);z-index:-1;pointer-events:none}
.nc-card{position:relative;isolation:isolate;padding:var(--nc-pad);min-width:0;overflow:visible}
.nc-card::before,.nc-card::after{content:'';position:absolute;pointer-events:none;clip-path:polygon(0 0,calc(100% - var(--nc-cut)) 0,100% var(--nc-cut),100% calc(100% - var(--nc-cut)),calc(100% - var(--nc-cut)) 100%,0 100%)}
.nc-card::before{inset:0;background:var(--nc-ink);z-index:-2}
.nc-card::after{inset:var(--nc-border);--nc-cut:calc(1.25rem - 1px);background:var(--nc-paper);z-index:-1}
.nc-card :where(h2,p,blockquote,figure,figcaption){margin:0}
.nc-card a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
.nc-card a:hover{color:var(--nc-red)}
.nc-card :where(a,button,summary):focus-visible{outline:3px solid var(--nc-focus);outline-offset:4px}
.nc-card :where(h2,p,figcaption,a,summary,span){overflow-wrap:anywhere}
.nc-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem 1.25rem;margin-block-end:1.25rem}
.nc-tag{grid-column:1/-1;justify-self:start;position:relative;display:inline-block;background:var(--nc-red);color:var(--nc-white);padding:.375rem 1.4rem .5rem .75rem;font:800 1.375rem/1.15 var(--nc-display);letter-spacing:.035em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - .75rem) 100%,0 100%);max-width:100%}
.nc-technique{font:700 1.125rem/1.3 var(--nc-display);flex:1 1 12rem;min-width:0}
.nc-help{font-size:1rem;flex:0 1 auto}
.nc-help summary{cursor:pointer;text-decoration:underline;text-decoration-color:var(--nc-red);text-underline-offset:.25em;min-height:2.75rem;display:flex;align-items:center;gap:.4rem;list-style:none}
.nc-help summary::-webkit-details-marker{display:none}
.nc-help summary::after{content:'+';color:var(--nc-red);font-size:1.3em}
.nc-help[open]{grid-column:1/-1;flex-basis:100%;border-block-end:1px solid var(--nc-rule);padding-block-end:.75rem}
.nc-help[open] summary::after{content:'−'}
.nc-help p{max-width:65ch;font-size:1rem;padding-block-start:.5rem}
.nc-headline{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1.5rem;padding-block-end:1.25rem;border-block-end:2px solid var(--nc-ink)}
.nc-title{font:800 1.875rem/1.08 var(--nc-display);letter-spacing:-.012em;flex:1 1 100%;min-width:0;text-wrap:pretty}
.nc-title a{text-decoration:none}
.nc-analysis{display:inline-flex;gap:.4rem;align-items:center;color:var(--nc-red)!important;font:700 1.125rem/1.3 var(--nc-display);min-height:2.75rem;flex-shrink:0;max-width:100%}
.nc-icon{width:1.5rem;height:1.5rem;display:inline-block;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.nc-quote{position:relative;margin-block:1.25rem;background:var(--nc-inset);padding:1.125rem 1rem 1.125rem 1.5rem;border-inline-start:4px solid var(--nc-ink);min-width:0}
.nc-quote::before{content:'';position:absolute;inset-inline-start:-4px;top:0;width:4px;height:2.5rem;background:var(--nc-red);pointer-events:none}
.nc-label{font:600 .75rem/1.5 var(--nc-body);letter-spacing:.14em;text-transform:uppercase;margin-block-end:.625rem!important}
.nc-quote-content{display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem}
.nc-quote-mark{display:none;width:2.5rem;height:2.5rem;fill:var(--nc-red)}
.nc-quote blockquote{font:600 1.25rem/1.4 var(--nc-body);min-width:0;overflow-wrap:anywhere}
.nc-attribution{font:400 .875rem/1.5 var(--nc-body);color:var(--nc-muted);margin-block-start:.875rem!important;overflow-wrap:anywhere}
.nc-explanation{padding-block:.125rem 1.25rem}
.nc-explanation p:not(.nc-label){font-size:1rem;line-height:1.6;max-width:78ch}
.nc-footer{max-width:none;margin:0;padding:1.125rem 0 0;color:var(--nc-ink);font-size:1rem;border-block-start:1px solid var(--nc-rule);display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.25rem}
.nc-votes{display:flex;flex-wrap:wrap;gap:.625rem;flex:1 1 100%;min-width:0}
.nc-count{margin-inline-start:.35rem;font-variant-numeric:tabular-nums;font-weight:600;font-size:.875em;color:inherit}
.nc-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nc-votes[aria-busy="true"] .nc-action{opacity:.6;cursor:progress}
.nc-action{position:relative;isolation:isolate;border:0;background:transparent;color:var(--nc-ink);padding:.65rem .85rem;min-height:2.75rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:700 1.125rem/1.2 var(--nc-display);cursor:pointer;flex:1 1 6.5rem;min-width:0;transition:color 120ms ease}
.nc-action::before,.nc-action::after{content:'';position:absolute;pointer-events:none;clip-path:polygon(.5rem 0,calc(100% - .5rem) 0,100% .5rem,100% calc(100% - .5rem),calc(100% - .5rem) 100%,0 100%,0 .5rem)}
.nc-action::before{inset:0;background:var(--nc-ink);z-index:-2}
.nc-action::after{inset:2px;background:var(--nc-paper);z-index:-1;transition:background 120ms ease}
.nc-action:hover::after,.nc-action[data-preview-state=hover]::after{background:var(--nc-inset)}
.nc-action[aria-pressed=true]{color:var(--nc-white)}
.nc-action[aria-pressed=true]::after{background:var(--nc-ink)}
.nc-action:active:not(:disabled){color:var(--nc-red)}
.nc-action:disabled{cursor:not-allowed;color:var(--nc-muted)}
.nc-action:disabled::before{background:var(--nc-rule)}
.nc-action:disabled::after{background:var(--nc-inset)}
.nc-action[data-preview-state=focus]{outline:3px solid var(--nc-focus);outline-offset:4px}
.nc-report{display:inline-flex;gap:.5rem;align-items:center;min-height:2.75rem;font:700 1.125rem/1.2 var(--nc-display);text-decoration:none;max-width:100%}
.nc-disclaimer{flex:1 1 100%;color:var(--nc-muted);font-size:.875rem;line-height:1.5}
/* Host integration: filters and anchors belong to the complete card wrapper. */
.card.nc-container{margin:1rem 0}
.card:target{outline:3px solid var(--nc-focus);outline-offset:4px}
.nc-tag.man{background:#8540bd}
.nc-tag.ev{background:#9a6200}
.nc-tag.dis{background:#c90025}
.nc-tag.unv{background:#5b5e65}
.nc-quote-mark{color:var(--nc-red)}
.nc-card a.nc-technique{display:flex;align-items:center;min-height:2.75rem}
.nc-container.low-conf .nc-shell::before,.nc-container.low-conf .nc-card::before{background:var(--nc-muted)}
.nc-help-link{display:inline-flex;align-items:center;min-height:2.75rem;text-decoration:underline;text-decoration-color:var(--nc-red)!important;text-underline-offset:.25em}
.nc-low{grid-column:1/-1;justify-self:start;position:relative;isolation:isolate;display:inline-block;padding:.3rem 1rem .3rem .625rem;color:var(--nc-muted);font:700 1rem/1.3 var(--nc-display)}
.nc-low::before,.nc-low::after{content:'';position:absolute;pointer-events:none;clip-path:polygon(0 0,100% 0,calc(100% - .5rem) 100%,0 100%)}
.nc-low::before{inset:0;background:var(--nc-muted);z-index:-2}
.nc-low::after{inset:1px;background:var(--nc-paper);z-index:-1}
.nc-timecode{grid-column:1/-1;font-weight:600;font-size:.875rem}
.nc-timecode small{color:var(--nc-muted);font-weight:400}
.nc-question{background:var(--nc-inset);padding:1.125rem;margin-block:1.25rem;font-size:1rem}
.nc-context{color:var(--nc-muted);font-size:.875rem;line-height:1.55;margin-block:.625rem!important}
.nc-context:first-child{margin-block-start:0!important}
.nc-context:last-child{margin-block-end:0!important}
.nc-quote-content>div{min-width:0}
.nc-transcript{display:inline-block;border:1px solid var(--nc-muted);padding:.125rem .5rem;font-size:.75rem}
.nc-sources{padding-block-end:1.25rem;font-size:.875rem}
.nc-sources p+p{margin-block-start:.375rem}
.nc-sources a{overflow-wrap:anywhere}
.nc-sources small{color:var(--nc-muted)}
@supports (font-size:1cqi){.nc-title{font-size:clamp(1.875rem,1rem + 2.8cqi,3rem)}.nc-quote blockquote{font-size:clamp(1.25rem,1rem + .85cqi,1.625rem)}}
@container news-card (min-width:36rem){
 .nc-card{--nc-pad:1.75rem}
 .nc-meta{display:flex;flex-wrap:wrap;margin-block-end:1.5rem;gap:.75rem 1.5rem}
 .nc-tag{font-size:1.625rem;padding:.5rem 1.75rem .625rem 1rem}
 .nc-technique{font-size:1.375rem;flex-basis:16rem}
 .nc-quote{padding:1.5rem;border-inline-start-width:6px;margin-block:1.5rem}
 .nc-quote::before{width:6px;inset-inline-start:-6px;height:3rem}
 .nc-quote-content{grid-template-columns:2.5rem minmax(0,1fr);gap:1rem}
 .nc-quote-mark{display:block}
 .nc-attribution{margin-inline-start:3.5rem!important;font-size:1rem}
 .nc-label{font-size:.8125rem}
 .nc-explanation p:not(.nc-label){font-size:1.125rem}
 .nc-votes{flex:0 1 auto}
 .nc-action{flex:0 1 auto;min-width:8rem;padding:.65rem 1rem;font-size:1.25rem}
 .nc-report{font-size:1.25rem}
 .nc-context{font-size:1rem}
 .nc-question{padding:1.5rem;font-size:1.125rem}
}
@container news-card (min-width:60rem){
 .nc-card{--nc-pad:2rem}
 .nc-title{flex-basis:44rem}
 .nc-analysis{margin-inline-start:auto;font-size:1.25rem}
 .nc-disclaimer{flex:0 1 auto;margin-inline-start:auto;text-align:end}
 .nc-footer{gap:1rem 1.5rem}
 .nc-report{padding-inline-start:1.5rem;border-inline-start:1px solid var(--nc-rule)}
}
/* Usable mobile-first layout is retained if container queries are unsupported. */
@media(prefers-reduced-motion:reduce){.nc-container *,.nc-container *::before,.nc-container *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.nc-card{border:2px solid CanvasText;background:Canvas}.nc-shell::before,.nc-card::before,.nc-card::after,.nc-action::before,.nc-action::after,.nc-low::before,.nc-low::after{display:none}.nc-tag,.nc-tag:is(.man,.ev,.dis,.unv){clip-path:none;background:Canvas;color:CanvasText;border:1px solid CanvasText}.nc-low{border:1px solid CanvasText}.nc-action{border:2px solid ButtonText}.nc-action[aria-pressed=true]{color:HighlightText;background:Highlight}.nc-quote{border-color:CanvasText}.nc-card :where(a,button,summary):focus-visible{outline-color:Highlight}.card:target{outline-color:Highlight}}
@media print{.nc-shell::before,.nc-votes,.nc-report,.nc-help{display:none}.nc-card{border:1px solid #111;background:white;padding:1rem;break-inside:auto}.nc-card::before,.nc-card::after{display:none}.nc-analysis{color:black!important}.nc-quote{background:transparent}.nc-container{max-width:none}.nc-disclaimer{font-size:.75rem}}
