/* Shared additions for the consolidated guidelines. */
.skip-link { position: fixed; top: -100px; left: 70px; z-index: 100; background: #fff; color: #262a2e; padding: 12px 20px; }
.skip-link:focus { top: 14px; }
.nav-toggle { cursor: pointer; }
.nav-toggle:focus-visible, a:focus-visible { outline: 2px solid var(--accent-terra); outline-offset: 4px; }
.guide-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; margin: 24px 0; }
.guide-card { display: block; padding: 28px; background: var(--bg-paper); border: 1px solid var(--rule); text-decoration: none; color: var(--ink); }
.guide-card h3 { margin: 0 0 12px; font-size: 24px; line-height: 1.15; }
.guide-card p { margin: 0; line-height: 1.55; }
a.guide-card:hover { border-color: var(--ink); }
.guide-figure { margin: 0; background: var(--bg-paper); border: 1px solid var(--rule); }
.guide-figure img { display: block; width: 100%; height: 290px; object-fit: contain; padding: 32px; }
.guide-figure.photo img { padding: 0; object-fit: cover; }
.guide-figure figcaption { border-top: 1px solid var(--rule); padding: 16px 20px; font-size: 14px; }
.guide-note { border-left: 3px solid var(--accent-terra); padding: 12px 20px; max-width: 70ch; }
.section-links { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 16px 0; margin-bottom: 32px; border-block: 1px solid var(--rule); font-size: 14px; }
.doc-section { scroll-margin-top: 24px; }
@media(max-width:760px) { .guide-grid { grid-template-columns: minmax(0,1fr); } .guide-card { padding: 24px; } .guide-figure img { height: 240px; } }
@media(prefers-reduced-motion:reduce) { .sidebar,.nav-scrim,.nav-toggle span { transition: none !important; } }
@media print { .section-links,.skip-link { display:none; } .guide-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .guide-card,.guide-figure { break-inside:avoid; } .guide-figure img { height:200px; } }

.directions { grid-template-columns: minmax(0,1fr); }
.directions .dir-card { max-width: 660px; }
@media print { .directions { grid-template-columns: minmax(0,1fr) !important; } }
/* Visual entry point: the brand shown in use. */
.landing .content { max-width:1440px; padding:0 64px 48px; }
.brand-mast { height:84px; display:flex; align-items:center; gap:24px; padding-left:12px; font-size:14px; }
.brand-mast > a { margin-left:auto; }
.brand-hero { display:grid; grid-template-columns:1fr 1fr; background:var(--brand-graphite); color:white; min-height:570px; }
.hero-copy { padding:64px 48px; display:flex; flex-direction:column; align-items:flex-start; }
.hero-copy .t-eyebrow { color:var(--accent-terra); margin:0 0 64px; }
.hero-copy h1 { font-size:clamp(44px,4.8vw,72px); line-height:1; letter-spacing:-.025em; margin:0 0 28px; font-weight:900; }
.hero-copy > p:not(.t-eyebrow) { font-size:20px; line-height:1.5; color:var(--brand-mist); }
.hero-copy > a { color:white; margin-top:auto; padding-top:40px; border:0; }
.hero-art { position:relative; min-width:0; overflow:hidden; }
.hero-art img { width:100%; height:100%; object-fit:cover; position:absolute; }
.photo-caption { position:absolute; left:24px; bottom:24px; padding:8px 12px; background:var(--brand-graphite); color:white; font-size:12px; }
.brand-intro { display:grid; grid-template-columns:1fr 1fr; gap:48px; padding:80px 0; }
.brand-intro h2,.brand-tools h2,.brand-product h2 { font-size:40px; line-height:1.08; letter-spacing:-.02em; font-weight:900; margin:0; }
.brand-intro p { font-size:20px; line-height:1.55; margin:0 0 24px; max-width:46ch; }
.visual-directory { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.visual-tile { display:block; color:var(--ink); text-decoration:none; border:0; min-width:0; }
.tile-art { height:350px; display:flex; justify-content:center; align-items:center; overflow:hidden; }
.tile-caption { display:flex; justify-content:space-between; padding:18px 0 28px; font-size:18px; }
.visual-tile:hover .tile-caption { text-decoration:underline; text-underline-offset:5px; }
.tile-logo .tile-art { background:var(--brand-graphite); color:white; }
.tile-type .tile-art { background:var(--brand-paper); font-size:180px; line-height:1; font-weight:900; }
.type-detail { display:block; font-size:14px; font-weight:400; margin-top:12px; }
.palette-art { display:flex; align-items:stretch; }
.palette-art i { flex:1; background:var(--brand-graphite); }
.palette-art i:nth-child(2) {background:var(--brand-blue)} .palette-art i:nth-child(3) {background:var(--brand-steel)} .palette-art i:nth-child(4) {background:var(--brand-mist)} .palette-art i:nth-child(5) {background:var(--accent-terra)} .palette-art i:nth-child(6) {background:var(--accent-sky)}
.tile-photo img { width:100%; height:100%; object-fit:cover; }
.tile-illustration .tile-art { background:var(--brand-paper); }
.tile-illustration img { width:82%; height:82%; object-fit:contain; }
.grid-art { position:relative; background:var(--brand-blue); color:white; }
.grid-art > span { font-size:180px; font-weight:300; z-index:1; }
.grid-art > div { position:absolute; inset:24px; border:1px solid rgba(255,255,255,.5); background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(255,255,255,.35) 0); background-size:calc(100% / 12) 100%; }
.brand-product { display:grid; grid-template-columns:1fr 1fr; margin:64px 0 80px; background:var(--brand-paper); }
.brand-product > div { padding:48px; }
.brand-product p:not(.t-eyebrow) { font-size:18px; line-height:1.55; max-width:35ch; margin:24px 0; }
.brand-product img { width:100%; height:100%; object-fit:cover; min-width:0; }
.brand-tools { display:grid; grid-template-columns:1fr 1fr; gap:48px; padding:0 0 80px; }
.tool-links a { display:block; padding:24px 0; border-top:1px solid var(--rule); text-decoration:none; }
.tool-links b { display:block; font-size:24px; margin-bottom:8px; }
.tool-links a:hover b { text-decoration:underline; }
.brand-footer { border-top:1px solid var(--rule); padding-top:24px; display:flex; justify-content:space-between; }
.agent-brief { font:14px/1.65 var(--font-sans); background:var(--brand-graphite); color:white; padding:32px; white-space:pre-wrap; overflow-wrap:anywhere; }
.ai-actions { display:flex; gap:16px; flex-wrap:wrap; align-items:center; }
.ai-actions .btn { background:var(--brand-graphite); color:white; padding:12px 20px; font:700 16px var(--font-sans); cursor:pointer; border:1px solid var(--brand-graphite); text-decoration:none; }
.ai-steps { padding-left:24px; max-width:72ch; font-size:18px; line-height:1.6; }
.ai-steps li { padding:12px 0; }
@media(max-width:900px) {
 .landing .content { padding:0 24px 32px; }
 .brand-mast { padding-left:48px; gap:16px; }
 .hero-copy { padding:40px 28px; }
 .hero-copy .t-eyebrow { margin-bottom:48px; }
 .brand-hero {min-height:500px}
 .tile-art {height:280px}
}
@media(max-width:600px) {
 .brand-mast {height:76px;font-size:12px;gap:12px} .brand-mast > .altris-wordmark {width:82px} .brand-mast > a {display:none}
 .brand-hero,.brand-intro,.brand-product,.brand-tools {grid-template-columns:minmax(0,1fr)}
 .hero-copy h1 {font-size:46px} .hero-copy {padding:32px 24px} .hero-copy > p:not(.t-eyebrow) {font-size:18px} .hero-copy .t-eyebrow {margin-bottom:40px} .hero-art {min-height:250px}
 .brand-intro {padding:48px 0;gap:24px} .brand-intro h2,.brand-tools h2,.brand-product h2 {font-size:32px} .brand-intro p {font-size:18px}
 .visual-directory {grid-template-columns:minmax(0,1fr);gap:8px} .tile-art {height:270px} .tile-type .tile-art,.grid-art > span {font-size:150px}
 .brand-product {margin:32px 0 48px} .brand-product > div {padding:32px 24px} .brand-product img {height:280px}
 .brand-tools {gap:24px;padding-bottom:48px}.brand-footer {gap:20px;flex-wrap:wrap;font-size:14px}.agent-brief {padding:20px;font-size:12px}
}
@media print { .brand-hero,.brand-intro,.visual-tile,.brand-product,.brand-tools {break-inside:avoid}.ai-actions {display:none}.landing .content{padding:0}.hero-art img{position:static}.tile-art{height:220px} }
.hero-art video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.hero-video-toggle { position:absolute; right:20px; bottom:20px; padding:10px 16px; background:var(--brand-graphite); color:white; border:1px solid var(--brand-white); font:400 14px var(--font-sans); cursor:pointer; }
.product-viewers { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.product-viewer { margin:0; background:var(--brand-paper); }
.model-stage { height:360px; position:relative; }
.model-fallback { width:100%; height:100%; object-fit:contain; }
.model-stage model-viewer { position:absolute; inset:0; width:100%; height:100%; opacity:0; }
.model-stage.is-loaded model-viewer { opacity:1; }
.model-stage.is-loaded .model-fallback { visibility:hidden; }
.product-viewer figcaption { padding:24px; border-top:1px solid var(--rule); }
.product-viewer h3 { font-size:24px; margin:0 0 8px; }
.product-viewer p { font-size:14px; }
.product-viewer a { display:inline-block; margin:8px 16px 0 0; font-size:14px; }
@media(max-width:700px) { .product-viewers {grid-template-columns:minmax(0,1fr)} .model-stage {height:300px} }
@media print { .hero-art video,.hero-video-toggle,model-viewer {display:none!important} .model-stage.is-loaded .model-fallback {visibility:visible}.product-viewer {break-inside:avoid} }
.illustration-family {display:grid;gap:40px}.illustration-family h3 {font-size:24px;margin:0 0 16px}.art-pair {display:grid;grid-template-columns:1fr 1fr;gap:20px}.asset-example {margin:0;min-width:0}.asset-example>div {background:var(--brand-paper);padding:24px;height:230px;display:grid;place-items:center}.asset-example img {width:100%;height:100%;object-fit:contain;min-height:0}.asset-example figcaption {display:flex;justify-content:space-between;gap:12px;padding:14px 0;font-size:14px}.supply-icon-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.supply-icon-grid .asset-example>div {background:var(--brand-graphite);height:180px}.product-state {margin:40px 0 24px;max-width:70ch}.product-state>span {font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-muted)}.product-state h3 {font-size:28px;margin:12px 0}.product-state p {font-size:17px;line-height:1.6}
.viz-principles {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.viz-principles p {font-size:16px;line-height:1.55}.viz-principles b {display:block;margin-bottom:12px;font-size:18px}.viz-example {margin:24px 0 0;padding:24px 0;border-block:1px solid var(--rule)}.viz-example figcaption {display:flex;justify-content:space-between;gap:16px;font-size:13px;color:var(--ink-muted);margin-bottom:12px}.viz-example svg {width:100%;height:auto;display:block}.viz-data {margin-top:20px}.viz-data summary {cursor:pointer;font-size:15px}.viz-data table {width:100%;border-collapse:collapse;margin:16px 0}.viz-data th,.viz-data td {padding:12px;text-align:left;border-bottom:1px solid var(--rule);font-size:14px}.viz-csv {display:inline-block;margin:16px 0;font-size:14px}.viz-checks {line-height:1.7;max-width:70ch;padding-left:20px}.viz-checks li {margin:12px 0}
@media(max-width:700px){.art-pair,.supply-icon-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.asset-example>div{height:170px;padding:12px}.supply-icon-grid .asset-example>div {height:140px}.viz-principles{grid-template-columns:1fr;gap:0}.viz-example{overflow-x:auto}.viz-example svg{min-width:650px}.viz-example figcaption {flex-direction:column}.asset-example figcaption{font-size:12px}}
@media print{.asset-example,.viz-example{break-inside:avoid}.viz-example svg{min-width:0}}
.product-photo {margin:24px 0}.product-photo img{display:block;width:100%;max-height:420px;object-fit:cover}.product-photo figcaption{font-size:13px;margin-top:12px;color:var(--ink-muted)}.lib-card{margin:0}
@media (max-width: 600px) {
 #composition .viz-example svg { min-width: 0; width: 100%; }
 #composition .viz-example svg text { font-size: 28px; }
 #composition .viz-example svg text.small { font-size: 25px; }
 #comparison .viz-example::after, #retention .viz-example::after { content: 'Scroll horizontally to view the full chart →'; display: block; font-size: 12px; padding: 12px 0; color: var(--text-muted); }
}

/* Multi-variable matrix retained from the original guidelines. */
#fit-matrix .chart-head { margin-bottom: 28px; }
#fit-matrix .chart-head h3 { font-size: 26px; margin: 12px 0; }
#fit-matrix .chart-head p { max-width: 760px; }
#fit-matrix .chart-foot { margin-top: 24px; font-size: 13px; color: var(--text-muted); }
#fit-matrix .pmf__cell { display:flex; align-items:center; justify-content:center; font-size:11px; color:#262A2E; border-radius:0; }
#fit-matrix .pmf__cell[data-fit="3"] { background:#F09260; }
#fit-matrix .pmf__crit, #fit-matrix .pmf-legend--box { border-radius:0; }
#fit-matrix .pmf__name:focus-visible, #fit-matrix .pmf__seg:focus-visible { outline:2px solid #262A2E; outline-offset:2px; }
#fit-matrix .pmf__supply.y { color:#262A2E; }
@media (prefers-reduced-motion:reduce) { #fit-matrix .pmf__cell { transition:none; transform:none; } }
@media print { #fit-matrix .pmf__cell { transform:none; } #fit-matrix .pmf { min-width:0; } }
/* Interactive chart controls stay outside the plotting area. */
.trend-explorer { border-block:1px solid #DDDDDD; padding:32px 0; }
.explorer-top,.explorer-controls { display:flex; justify-content:space-between; align-items:center; gap:24px; }
.explorer-top h3 { font-size:32px; margin:8px 0 24px; }
.explorer-top button { background:none; border:1px solid #A7ADB3; color:#262A2E; padding:10px 16px; font:inherit; cursor:pointer; }
.explorer-controls fieldset { border:0; padding:0; margin:0; display:flex; gap:24px; }
.explorer-controls legend,.range-select { font-size:13px; }
.explorer-controls legend { margin-bottom:10px; }
.explorer-controls label { display:flex; align-items:center; gap:8px; }
.explorer-controls input { accent-color:#262A2E; width:18px; height:18px; }
.explorer-controls select { font:inherit; border:1px solid #A7ADB3; border-radius:0; padding:10px; background:white; color:#262A2E; }
.series-dot { display:inline-block; width:10px; height:10px; flex-shrink:0; background:#262A2E; }
.series-dot--b { background:#5F7998; }
.explorer-plot { width:100%; height:auto; display:block; margin:30px 0 20px; }
.explorer-plot text { font-family:var(--font-sans); font-size:17px; fill:#62686E; }
.explorer-plot .grid-line { stroke:#DDDDDD; stroke-width:1; }
.explorer-inspect label { display:flex; justify-content:space-between; font-size:15px; }
.explorer-inspect input { width:100%; margin:16px 0 8px; accent-color:#262A2E; cursor:pointer; }
.explorer-help,.explorer-note { color:#62686E; font-size:14px; line-height:1.6; }
.explorer-readout { background:#EDEDED; padding:24px; display:flex; gap:32px; align-items:center; margin-top:24px; }
.explorer-readout>span { display:flex; gap:10px; align-items:center; font-size:15px; }
.explorer-readout strong { font-size:30px; font-weight:400; white-space:nowrap; }
.explorer-readout small { font-size:18px; }
.explorer-note { margin-top:24px; }
@media(max-width:600px) {
 .explorer-top { align-items:flex-start; gap:12px; }
 .explorer-top h3 { font-size:26px; }
 .explorer-top button { font-size:13px; white-space:nowrap; }
 .explorer-controls { flex-direction:column; align-items:flex-start; }
 .explorer-controls select { font-size:16px; }
 .explorer-plot text { font-size:26px; }
 .explorer-readout { gap:14px; flex-wrap:wrap; padding:18px; }
 .explorer-readout .readout-cycle { width:100%; }
 .explorer-readout>span { font-size:13px; }
 .explorer-readout strong { font-size:24px; }
}
#fit-matrix .pmf__cell { transform:none; transition:opacity .15s ease; }
#fit-matrix .pmf-scroll::after { content:'Scroll horizontally if needed to see all application areas →'; display:block; margin-top:16px; font-size:12px; color:#62686E; }
#fit-matrix .viz-data { overflow-x:auto; }
#fit-matrix .viz-data table { min-width:740px; }
/* Rich global navigation, shared with the structure of the Altris website. */
.site-header { position:sticky; top:0; z-index:80; background:#fff; border-bottom:1px solid #DDDDDD; color:#262A2E; }
.site-bar { max-width:1440px; margin:auto; padding:0 64px; min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.site-brand { display:flex; align-items:center; gap:24px; color:inherit; text-decoration:none; }
.site-brand>span:last-child { font-size:14px; padding-left:24px; border-left:1px solid #DDDDDD; white-space:nowrap; }
.site-nav { display:flex; gap:32px; align-self:stretch; }
.site-nav-group { display:flex; }
.site-nav { font-family:Axia, Archivo, Sohne, Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; }
.site-nav-trigger { font:600 12px/1.35 Axia, Archivo, Sohne, Inter, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif; letter-spacing:.08em; text-transform:uppercase; color:inherit; padding:24px 0; border:0; background:transparent; cursor:pointer; display:flex; align-items:center; gap:6px; border-bottom:2px solid transparent; }
.site-nav-chevron { width:10px; height:10px; flex-shrink:0; position:relative; top:-2px; opacity:.6; transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .18s; }
.site-nav-trigger.is-current { border-bottom-color:#A7ADB3; }
.site-nav-trigger[aria-expanded=true] { border-bottom-color:#262A2E; }
.site-nav-trigger[aria-expanded=true]>.site-nav-chevron { transform:rotate(180deg); opacity:1; }
.site-nav-trigger:focus-visible { outline:2px solid #262A2E; outline-offset:5px; }
.mega-panel { position:absolute; top:100%; left:0; width:100%; background:#fff; border-bottom:1px solid #A7ADB3; box-shadow:0 20px 25px rgba(38,42,46,.08); max-height:calc(100dvh - 90px); overflow-y:auto; }
.mega-panel[hidden] { display:none; }
.mega-inner { max-width:1440px; margin:auto; padding:40px 64px 48px; display:grid; grid-template-columns: .9fr 1.7fr 1fr; gap:40px; }
.mega-intro h2 { font-size:28px; line-height:1.15; font-weight:400; margin:16px 0 28px; }
.mega-intro>a { color:inherit; font-size:14px; text-underline-offset:5px; }
.mega-links { display:grid; grid-template-columns:1fr 1fr; align-content:start; gap:24px 28px; }
.mega-links>a { display:block; color:inherit; text-decoration:none; padding:0 0 18px; border-bottom:1px solid #DDDDDD; }
.mega-links>a>span { display:flex; justify-content:space-between; gap:10px; font-size:15px; line-height:1.35; font-weight:600; }
.mega-links b { font-size:16px; font-weight:400; }
.mega-links small { display:block; font-size:12.5px; line-height:1.5; font-weight:400; color:#62686E; margin-top:8px; }
.mega-links a:hover,.mega-links a[aria-current=page] { border-bottom-color:#262A2E; }
.mega-links a[aria-current=page]>span { font-weight:700; }
.mega-feature { color:inherit; text-decoration:none; font-size:15px; }
.mega-feature img { width:100%; height:180px; object-fit:cover; background:#EDEDED; display:block; margin-bottom:14px; }
.mega-feature img[src$="svg"] { object-fit:contain; padding:20px; }
.doc-section { scroll-margin-top:112px; }
.landing .content { padding-top:32px; }
@media(max-width:1000px) {
 .site-bar { padding-inline:28px; gap:20px; }
 .site-brand { gap:14px; }
 .site-brand>span:last-child { padding-left:14px; }
 .site-nav { gap:22px; }
 .mega-inner { padding:32px 28px; gap:28px; grid-template-columns:1fr 2fr; }
 .mega-feature { display:none; }
}
@media(max-width:650px) {
 .site-bar { display:block; padding:20px 22px 0; }
 .site-brand { justify-content:space-between; }
 .site-brand>span:last-child { border:0; padding:0; }
 .site-nav { justify-content:space-between; gap:12px; margin-top:12px; }
 .site-nav-trigger { font-size:14px; padding:14px 0; }
 .mega-panel { max-height:calc(100dvh - 123px); }
 .mega-inner { display:block; padding:24px 22px; }
 .mega-intro h2 { font-size:24px; margin:8px 0 16px; }
 .mega-intro>a { display:none; }
 .mega-links { margin-top:24px; gap:18px; }
 .doc-section { scroll-margin-top:145px; }
}
@media print { .site-header {display:none!important} }
@media(max-width:900px) { .site-nav-chevron { width:14px; height:14px; } }
@media(max-width:400px) { .site-nav-trigger { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { .site-nav-chevron { transition:none; } }
.site-brand,.mega-feature { border-bottom:0; }
.mega-panel { box-shadow:none; }
.signature-layout { display:grid;grid-template-columns:1fr 1.15fr;gap:64px;margin-top:40px; }
.signature-layout h2 { font-size:26px;font-weight:400;margin:0 0 32px; }
#signature-form { display:flex;flex-direction:column; }
#signature-form label { font-size:14px;margin:20px 0 8px; }
#signature-form input { font:inherit;font-size:16px;border:0;border-bottom:1px solid #A7ADB3;padding:12px 0;background:transparent;border-radius:0;color:#262A2E; }
.signature-layout button { font:inherit;cursor:pointer;padding:14px 20px;border:1px solid #262A2E; }
.signature-layout button:disabled { opacity:.4;cursor:not-allowed; }
.sig-primary { background:#262A2E;color:white;margin-top:32px; }
.sig-secondary { background:white;color:#262A2E;margin-top:24px; }
.sig-help { font-size:13px;color:#62686E;line-height:1.5;margin-top:16px; }
.sig-client { display:flex;gap:0;border:0;padding:0;margin:0; }
.sig-client legend { font-size:14px;margin-bottom:12px; }
.sig-client label { flex:1;position:relative;cursor:pointer; }
.sig-client input { position:absolute;opacity:0; }
.sig-client span { display:block;padding:13px;text-align:center;background:#EDEDED;font-size:14px; }
.sig-client input:checked+span { background:#262A2E;color:white; }
.sig-client input:focus-visible+span { outline:2px solid #262A2E;outline-offset:3px; }
.signature-stage { min-height:300px;display:grid;place-items:center;border:1px solid #DDDDDD;padding:20px;background:white; }
.signature-stage>p { color:#62686E;text-align:center;max-width:30ch;font-size:15px; }
#sig-preview { width:100%;max-width:380px;height:280px;border:0; }
#sig-status { font-size:14px;min-height:24px;margin:12px 0; }
#sig-instructions { border-top:1px solid #DDDDDD;margin-top:32px;padding-top:24px; }
#sig-instructions h3 { font-size:19px;font-weight:400; }
#sig-instructions li { margin:12px 0;font-size:14px;line-height:1.5; }
#sig-instructions>a { font-size:13px; }
@media(max-width:900px){.signature-layout{grid-template-columns:1fr;gap:48px}.signature-form-panel{max-width:580px}}
@media(max-width:450px){.signature-stage{padding:0;overflow-x:auto;display:block}#sig-preview{min-width:360px}.sig-client span{font-size:13px;padding:12px 8px}}
.ai-use-notice { background:#EDEDED; border-left:4px solid #F09260; padding:28px 32px; margin:0 0 48px; }
.ai-use-notice h2 { font-size:26px; margin:12px 0; }
.ai-use-notice>p:last-child { max-width:76ch; margin:0; line-height:1.6; }
@media(max-width:600px){.ai-use-notice{padding:24px}}