/* Shared navigation and reading rhythm for every published locale. */
.site-shell .header-inner{height:auto;min-height:72px;gap:2rem;align-items:center}
.site-shell .logo{flex:0 0 auto}
.site-shell .btn-theme{flex:0 0 auto;min-width:44px;min-height:44px;font-size:1.3rem}
.site-shell .header-nav{display:flex;flex:1 1 auto;min-width:0;margin:0;gap:.25rem;justify-content:flex-end}
.site-shell .header-nav a{font-size:.88rem;padding:.65rem .8rem;min-height:44px;display:flex;align-items:center}
.site-shell a:focus-visible{outline:2px solid var(--link);outline-offset:3px}
.site-footer .footer-grid{gap:2rem}
.site-footer a{overflow-wrap:anywhere}
.tech-page,.editorial-page{padding-inline:clamp(1rem,3vw,2rem);margin-block:2rem 3rem}
.tech-page h1,.editorial-page h1,.blog-post h1,.blog-article h1{font-family:var(--font-ui);font-size:clamp(1.8rem,3.3vw,2.7rem);line-height:1.22;letter-spacing:-.025em;text-wrap:balance}
.tech-page h2,.editorial-page h2{font-family:var(--font-ui);font-size:clamp(1.25rem,2.2vw,1.65rem);line-height:1.35}
.page-grid:not(:has(>aside)){grid-template-columns:minmax(0,1fr)}
.page-grid>article:only-child{width:100%;min-width:0;max-width:960px;margin-inline:auto}
.tech-page article>p,.editorial-page article>p{max-width:78ch}
.tech-figure img{max-width:100%;height:auto}
.editorial-references{padding:clamp(1rem,2vw,1.5rem);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-block:2rem;overflow-wrap:anywhere}
.editorial-references li+li{margin-block-start:1.25rem;padding-block-start:1.25rem;border-block-start:1px solid var(--border)}
.editorial-references a{ text-underline-offset:.2em }
.i18n-switcher{line-height:1.8;overflow-wrap:anywhere}
.cookie-consent__text{flex:1 1 auto}
@media(max-width:760px){
 .site-shell .header-inner{padding:12px 16px 0;min-height:64px;flex-wrap:wrap;gap:.5rem}
 .site-shell .header-nav{flex:1 0 100%;justify-content:flex-start;overflow-x:auto;padding-block-end:8px;scrollbar-width:thin}
 .site-shell .header-nav{order:3}
 .site-shell .btn-theme{margin-inline-start:auto}
 .site-shell .header-nav a{flex:0 0 auto;padding:.5rem .7rem;font-size:.82rem}
 .tech-page,.editorial-page{margin-block:1.25rem 2rem}
 .article-card{padding:clamp(1rem,4vw,1.5rem)}
 .cookie-consent{max-height:70dvh;overflow-y:auto}
 .cookie-consent__text{flex:0 1 auto}
 .cookie-consent__actions{flex-wrap:wrap;justify-content:stretch}
 .cookie-consent__actions button{flex:1 1 120px;min-height:44px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){.site-shell *{scroll-behavior:auto}}
@media print{.site-shell{display:none}}

/* ConverteArq / document workspace — shared visual system, October 2026. */
:root{
 --bg:#f3f7fb;--surface:#ffffff;--surface2:#edf3f8;
 --surface-glass:rgba(255,255,255,.97);--text:#19334b;--text2:#4b6277;--text3:#546e83;
 --border:#dbe5ee;--border2:#b9cbdc;--link:#165f91;
 --accent:#b33424;--accent-hover:#93271b;--accent2:#fff0eb;
 --grad-accent:linear-gradient(135deg,#b33424,#99291d);
 --radius:18px;--radius-sm:12px;--max-w:1200px;
 --shadow-sm:0 3px 12px rgba(25,51,75,.035);
 --shadow-md:0 12px 30px rgba(25,51,75,.075);
 --shadow-lg:0 20px 50px rgba(25,51,75,.12);
 --shadow-accent:0 5px 12px rgba(153,41,29,.13);
 --ring:0 0 0 3px rgba(22,95,145,.18);
}
[data-theme="dark"]{
 --bg:#101b27;--surface:#172838;--surface2:#20364a;
 --surface-glass:rgba(23,40,56,.98);--text:#edf5fc;--text2:#bfd0df;--text3:#b1c4d6;
 --border:#31495e;--border2:#506980;--link:#9bd3ff;
 --accent:#ffad97;--accent-hover:#ffcab9;--accent2:#382b2c;
 --grad-accent:linear-gradient(135deg,#b33424,#99291d);
 --shadow-sm:0 3px 12px rgba(0,0,0,.12);--shadow-md:0 12px 30px rgba(0,0,0,.18);
 --shadow-lg:0 20px 50px rgba(0,0,0,.25);
}
body{font-family:var(--font-ui);background:var(--bg);color:var(--text);line-height:1.75}
button,input,select,textarea{font:inherit}
main{min-width:0}
main h1,main h2,main h3{color:var(--text);overflow-wrap:anywhere}
main h1{font-size:clamp(1.9rem,3.8vw,3.1rem);line-height:1.18;letter-spacing:-.035em}
main h2{font-size:clamp(1.3rem,2.3vw,1.8rem);line-height:1.32;letter-spacing:-.02em}
main h3{font-size:1.08rem;line-height:1.45;letter-spacing:-.015em}
main p,main li{overflow-wrap:anywhere}
a{ text-underline-offset:.22em }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
 outline:3px solid var(--link);outline-offset:3px;
}
.site-shell{box-shadow:0 1px 0 var(--border);border-block-end:0}
.site-shell .header-inner{min-height:80px;gap:1.5rem}
.site-shell .logo{font-size:1.55rem;letter-spacing:-.04em;direction:ltr;unicode-bidi:isolate}
.site-shell .header-nav{gap:.25rem}
.site-shell .header-nav a{font-size:.86rem;border-radius:10px;color:var(--text2);font-weight:600}
.site-shell .header-nav a:hover,.site-shell .header-nav a.active{color:var(--link);background:var(--surface2)}
.site-shell .header-nav a.active::after{display:none}
.site-shell .btn-theme{background:var(--bg);border-color:var(--border);border-radius:50%;font-size:1.4rem}
.i18n-switcher{border-color:var(--border);box-shadow:none;border-radius:12px;font-size:.8rem;padding:.7rem 1.1rem;background:var(--surface)}
.i18n-switcher a{display:inline-block;padding:.1rem .15rem;color:var(--link)}
.i18n-switcher strong{color:var(--text);font-weight:700}
.hero{position:relative;background:var(--surface);border-block-end:1px solid var(--border);padding:clamp(2.4rem,5vw,4.5rem) 0 3rem;text-align:start}
.hero>.wrap{position:relative}
.hero h1{font-family:var(--font-ui);font-size:clamp(2.25rem,4.8vw,4.15rem);line-height:1.08;letter-spacing:-.05em;max-width:23ch;margin:1.1rem 0 1.4rem}
.hero>.wrap>p{font-size:1.06rem;line-height:1.85;max-width:67ch;color:var(--text2)}
.hero .badge{font-size:.7rem;letter-spacing:.1em;border:0;border-inline-start:3px solid var(--accent);border-radius:0;padding:.1rem .8rem;background:transparent;color:var(--accent);box-shadow:none}
.hero-search{border:1px solid var(--border2);border-radius:14px;background:var(--bg);padding:.5rem .5rem .5rem 1.2rem;box-shadow:none;max-width:720px}
.hero-search input{background:transparent;color:var(--text);font-size:1rem;min-height:46px}
.hero-search input::placeholder{color:var(--text2);opacity:1}
.hero-search:focus-within{border-color:var(--link);box-shadow:var(--ring);transform:none}
.hero-quick-links{font-size:.88rem!important;line-height:1.9!important}
.hero-quick-links a{color:var(--link);font-weight:600}
.hero-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:850px;margin-top:2rem;border-block:1px solid var(--border)}
.hero-stat{border:0;border-radius:0;border-inline-end:1px solid var(--border);box-shadow:none;background:transparent;text-align:start;padding:1.1rem 1.25rem;min-width:0}
.hero-stat:first-child{padding-inline-start:0}
.hero-stat:last-child{border-inline-end:0}
.hero-stat strong{font:700 clamp(1.1rem,2vw,1.45rem)/1.4 var(--font-ui);color:var(--text);-webkit-text-fill-color:var(--text);background:none}
.hero-stat span{font-size:.7rem;letter-spacing:0;text-transform:none;color:var(--text2)}
.tools-new-section{margin-top:2.8rem;border-block-start:1px solid var(--border);padding-top:2rem}
.tools-new-section>h2,.section-header h2{font-family:var(--font-ui);font-weight:700;font-size:clamp(1.3rem,2.1vw,1.7rem);letter-spacing:-.03em}
.section-header{margin-block-end:1.3rem}
.section-header h2{padding:0;border:0}
.section-header h2::before{display:none}
.section-header p{color:var(--text2);max-width:70ch}
.home-section{padding-block-start:2.5rem}
.cards-grid{gap:1.1rem}
.card,.tool-card,.tool-box,.article-card,.sidebar-card,.quiz-card,.tech-card{
 border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);
}
.card{position:relative;padding:1.5rem;gap:.7rem;border-start-start-radius:6px;transition:border-color .18s,box-shadow .18s,transform .18s}
.card::before{display:none}
.card:hover{transform:translateY(-3px);border-color:var(--border2);box-shadow:var(--shadow-md)}
.card h3{font-family:var(--font-ui);font-size:1.03rem;font-weight:700;margin:.1rem 0;color:var(--text)}
.card p{font-size:.9rem;color:var(--text2);line-height:1.75}
.card-icon{background:var(--surface2);color:var(--link);border:1px solid var(--border);border-radius:12px}
.card-tag{align-self:flex-start;width:fit-content;padding:.22rem .65rem;background:var(--surface2);color:var(--link);border:0;border-radius:6px;font-size:.7rem;letter-spacing:.02em}
.breadcrumb{display:flex;flex-wrap:wrap;gap:.35rem;align-items:baseline;width:fit-content;max-width:100%;border:0;background:transparent;border-radius:0;padding:.2rem 0;margin-block:0 1.5rem;font-size:.78rem;line-height:1.65;color:var(--text2)}
.breadcrumb a{color:var(--link)}
.page-grid{gap:2rem;padding-block:2.25rem 4rem}
.article-card{padding:clamp(1.25rem,3.5vw,2.75rem)}
.article-card>h1{font-family:var(--font-disp);font-weight:650;font-size:clamp(2rem,3.7vw,3.15rem);line-height:1.2;letter-spacing:-.025em;margin-block:.5rem 1.3rem}
.article-card h2{font-family:var(--font-ui);font-weight:700;font-size:clamp(1.3rem,2.2vw,1.75rem);margin-block:2rem .8rem}
.article-card h3{font-family:var(--font-ui);font-size:1.12rem}
.article-card>p,.article-card section>p{line-height:1.85}
.article-card .cards-grid h2,.article-card .cards-grid h3{margin-top:0;font-family:var(--font-ui);font-size:1.1rem;line-height:1.4}
.tool-header{border-block-end:1px solid var(--border);padding-block-end:1.4rem;margin-block-end:1.4rem}
.tool-header h1,.tool-card h1{font-family:var(--font-ui);font-size:clamp(1.85rem,3vw,2.65rem);letter-spacing:-.035em}
.article-card:has(.tool-card,.tool-box,.tools-form)>h1{font-family:var(--font-ui);font-weight:700}
.tool-card,.tool-box{padding:clamp(1.2rem,3vw,2rem)}
.tool-card h2,.tool-box h2{font-family:var(--font-ui);font-size:1.25rem;margin-top:0}
.tool-card label,.tool-box label,.field-label,.input-group label{font-size:.87rem;font-weight:600;color:var(--text)}
.tool-card :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea),
.tool-box :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){
 width:100%;max-width:100%;min-height:48px;border:1px solid var(--border2);border-radius:10px;padding:.75rem .9rem;background:var(--bg);color:var(--text);font-size:1rem;
}
.tools-form :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea){border-color:var(--border2);border-radius:10px;background:var(--bg);min-height:48px;padding:.75rem .9rem}
.tool-card input[type=file],.tool-box input[type=file]{padding:.65rem}
input::file-selector-button{font:600 .85rem var(--font-ui);padding:.6rem .8rem;margin-inline-end:.8rem;background:var(--surface);color:var(--text);border:1px solid var(--border2);border-radius:7px;cursor:pointer}
.input-group{margin-block-end:1.05rem}
.btn-primary,.primary-btn,.btn-search,#quizNextBtn{border-radius:10px;background:var(--grad-accent);color:#fff;border:1px solid transparent;box-shadow:var(--shadow-accent);min-height:46px;padding:.7rem 1.15rem;font-size:.87rem;font-weight:700}
.btn-secondary{background:var(--surface2);border:1px solid var(--border2);border-radius:10px;min-height:44px;color:var(--text);padding:.65rem 1rem}
.btn-primary:hover,.primary-btn:hover,.btn-search:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}
button:disabled{opacity:.65;cursor:not-allowed}
.result-box{font-family:var(--font-ui);font-size:1rem;font-variant-numeric:tabular-nums;border:1px solid var(--border2);border-inline-start:3px solid var(--link);border-radius:12px;padding:1.2rem;background:var(--surface2);color:var(--text);line-height:1.75;overflow-wrap:anywhere}
.sidebar-card{padding:1.3rem}
.sidebar-card h2,.sidebar-card h3{font-family:var(--font-ui);font-size:1rem}
.tech-page,.editorial-page{max-width:1060px;margin-block:2.25rem 4rem}
.tech-page>article,.editorial-page>article{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:clamp(1.25rem,3.8vw,3rem);box-shadow:var(--shadow-sm)}
.tech-page h1,.editorial-page h1{font-family:var(--font-disp);font-size:clamp(2rem,3.7vw,3.25rem);line-height:1.18;letter-spacing:-.025em;max-width:28ch;margin-block:.6rem 1.1rem}
.tech-page h2,.editorial-page h2{font-family:var(--font-ui);font-size:clamp(1.3rem,2.1vw,1.65rem);font-weight:700;line-height:1.4;margin-block:2.2rem .8rem}
.tech-page p,.tech-page li,.editorial-page p,.editorial-page li{line-height:1.85}
.tech-page .tech-deck{font-size:1.1rem;line-height:1.8;color:var(--text2)}
.news-eyebrow,.tech-category{font-size:.72rem;letter-spacing:.08em;color:var(--link);font-weight:700}
.article-byline,.article-meta{font-size:.79rem;color:var(--text2);line-height:1.7}
.tech-transparency,.news-method,.news-provenance{font-size:.81rem;line-height:1.75;color:var(--text2)}
.tech-transparency{border-left:0;border-inline-start:2px solid var(--border2);padding-inline-start:1rem}
.tech-figure{margin-block:1.75rem 2rem}
.tech-figure img{border-radius:14px;aspect-ratio:1200/630;object-fit:cover}
.tech-figure figcaption{font-size:.77rem;line-height:1.7;color:var(--text2);margin-top:.7rem}
.tech-lead{padding:1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:18px;gap:1.5rem}
.tech-lead h2{font-family:var(--font-disp);font-size:clamp(1.55rem,2.6vw,2.2rem);line-height:1.25;margin-block:.4rem .8rem}
.tech-grid{gap:1.4rem}
.tech-card{transition:border-color .18s,box-shadow .18s;overflow:hidden}
.tech-card:hover{border-color:var(--border2);box-shadow:var(--shadow-md)}
.tech-card>a{padding:1.15rem}
.tech-card h2,.tech-card h3{font-family:var(--font-ui);font-size:1.15rem;line-height:1.4;margin-block:.5rem}
.tech-card p{font-size:.87rem;line-height:1.75;color:var(--text2)}
.tech-card img{border-radius:10px;aspect-ratio:1200/630;object-fit:cover}
.tech-topics{gap:.5rem;margin-block:1.6rem}
.tech-topics a{border-radius:8px;font-size:.8rem;padding:.5rem .8rem;border-color:var(--border);color:var(--link)}
.news-toc,.editorial-toc{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1.2rem 1.35rem}
.news-toc strong,.editorial-toc strong{font-size:.9rem}
.news-toc li{font-size:.85rem;line-height:1.85}
.tech-commentary{background:var(--surface2);border:0;border-inline-start:3px solid var(--accent);border-radius:0 12px 12px 0;padding:.35rem 1.4rem 1rem;margin-block:2rem}
.tech-commentary h2{margin-top:1rem}
.editorial-references{background:var(--bg);border-color:var(--border);padding:1.4rem;border-radius:12px;font-size:.88rem}
.editorial-references h2{font-size:1.25rem;margin-top:0}
.editorial-references li{line-height:1.8}
.news-radar{background:var(--surface);border-color:var(--border);border-inline-start:3px solid var(--link);box-shadow:var(--shadow-sm)}
.news-radar h2{margin-top:0}
.news-radar-row{border-color:var(--border);padding-block:1.1rem}
.tech-benchmark{background:var(--bg);border-color:var(--border);border-radius:12px}
.editorial-table{border-radius:10px}
main table{font-variant-numeric:tabular-nums}
main th{background:var(--surface2);color:var(--text)}
.faq-item,details{border-color:var(--border);border-radius:10px}
summary{cursor:pointer;line-height:1.55}
.site-footer{background:var(--surface);border-block-start:1px solid var(--border);margin-block-start:4rem;padding-block:2.8rem 1.5rem}
.site-footer::before{display:none}
.site-footer .footer-grid{gap:2rem 2.5rem}
.site-footer .logo{font-size:1.5rem;direction:ltr;unicode-bidi:isolate}
.site-footer .footer-col h2{font-family:var(--font-ui);font-size:.85rem;font-weight:700;letter-spacing:.02em;color:var(--text)}
.site-footer .footer-col a{font-size:.8rem;line-height:1.65;color:var(--text2);padding-block:.2rem}
.site-footer .footer-col a:hover{color:var(--link)}
.site-footer p{font-size:.8rem;color:var(--text2)}
.bottom-nav{border-block-start:1px solid var(--border);box-shadow:0 -3px 12px rgba(25,51,75,.04)}
.bottom-nav a{min-height:48px;display:flex;align-items:center;justify-content:center}
.bottom-nav a span{font:600 .78rem/1.4 var(--font-ui)}
.cookie-consent{border-radius:16px;padding:1.25rem;background:var(--surface);box-shadow:var(--shadow-lg);border-color:var(--border2)}
.cookie-consent__text{font-size:.85rem;line-height:1.65}
.cookie-consent__actions button{font-size:.8rem}
[dir=rtl] .tech-commentary{border-radius:12px 0 0 12px}
@media(min-width:1100px){
 .hero{background-image:linear-gradient(90deg,var(--surface) 55%,transparent),repeating-linear-gradient(0deg,transparent 0 39px,var(--border) 39px 40px),repeating-linear-gradient(90deg,transparent 0 39px,var(--border) 39px 40px);background-size:auto,40px 40px,40px 40px}
 .hero .tools-new-section{background:var(--surface);border-radius:16px;padding:1.6rem;margin-inline:-1.6rem}
}
@media(max-width:760px){
 .site-shell .header-inner{min-height:64px;gap:.35rem;padding-top:10px}
 .site-shell .logo{font-size:1.35rem}
 .site-shell .header-nav{padding-block:0 8px}
 .site-shell .header-nav a{font-size:.78rem;min-height:40px;padding:.45rem .65rem}
 .site-shell .btn-theme{width:40px;min-width:40px;height:40px;min-height:40px}
 .i18n-switcher{font-size:.75rem;line-height:1.85;margin:.8rem 1rem;padding:.6rem .8rem}
 .hero{padding:2rem 0}
 .hero h1{font-size:clamp(2.1rem,8vw,3rem);margin-block:.9rem 1.1rem;max-width:24ch}
 .hero>.wrap>p{font-size:.95rem}
 .hero-search{padding:.35rem .35rem .35rem .8rem}
 .hero-search input{font-size:.9rem;min-height:42px}
 .hero-search .btn-search{padding:.65rem .9rem;font-size:.8rem;min-height:42px}
 .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hero-stat{padding:.9rem .7rem;border-block-end:1px solid var(--border)}
 .hero-stat:nth-child(odd){padding-inline-start:0}
 .hero-stat:nth-child(even){border-inline-end:0}
 .hero-stat:nth-last-child(-n+2){border-block-end:0}
 .hero-stat span{font-size:.67rem}
 .tools-new-section{margin-top:2rem;padding-top:1.5rem}
 .home-section{padding-top:2rem}
 .cards-grid{gap:.85rem}
 .card{padding:1.2rem}
 .card h3{font-size:1rem}
 .page-grid{padding-block:1.5rem 2.5rem;gap:1.25rem}
 .article-card{padding:1.25rem;border-radius:14px}
 .article-card>h1{font-size:clamp(1.85rem,7.5vw,2.4rem)}
 .tool-card,.tool-box{padding:1.1rem;border-radius:14px}
 .tech-page,.editorial-page{padding-inline:1rem;margin-block:1.5rem 2.5rem}
 .tech-page>article,.editorial-page>article{padding:1.15rem;border-radius:14px}
 .tech-page h1,.editorial-page h1{font-size:clamp(1.85rem,7.5vw,2.5rem);line-height:1.23}
 .tech-page h2,.editorial-page h2{font-size:1.3rem;margin-top:1.75rem}
 .tech-page .tech-deck{font-size:1rem}
 .tech-lead{padding:1rem;gap:1rem}
 .tech-lead h2{font-size:1.65rem}
 .tech-card>a{padding:1rem}
 .tech-grid{gap:1rem}
 .tech-commentary{padding-inline:1rem}
 .news-toc,.editorial-toc,.editorial-references{padding:1rem}
 .site-footer{padding-top:2rem;margin-top:2.5rem}
 .site-footer .footer-grid{gap:1.75rem}
 .cookie-consent{padding:1rem;bottom:.7rem;left:.7rem;right:.7rem}
}
@media(prefers-reduced-motion:reduce){.card,.tech-card,.btn-primary,.primary-btn,.btn-search{transition:none;transform:none}}
@media print{
 :root{--bg:#fff;--surface:#fff;--text:#000;--text2:#333;--link:#000}
 .tech-page>article,.editorial-page>article,.article-card{border:0;box-shadow:none;padding:0}
}