/* Mobile adaptation: same steel, typography and content; layouts authored for touch. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
button,summary,[role="tab"]{touch-action:manipulation;-webkit-user-select:none;user-select:none}
input,textarea,select{scroll-margin-block:110px 28px}
.table-scroll,.pdf-viewport{overscroll-behavior-x:contain}
.history-gesture-hint{display:none}
@media(pointer:coarse),(max-width:700px){.history-gesture-hint{display:block;font-size:12px;line-height:1.6;margin:0 0 14px;color:var(--secondary-ink)}}

@media(max-width:1000px){
 :root{--header-size:80px}
 html{scroll-padding-top:calc(var(--header-size) + env(safe-area-inset-top,0px) + 16px)}
 .header{height:calc(var(--header-size) + env(safe-area-inset-top,0px));min-height:var(--header-size);padding:calc(14px + env(safe-area-inset-top,0px)) max(var(--gutter),env(safe-area-inset-right,0px)) 14px max(var(--gutter),env(safe-area-inset-left,0px))}
 .header nav:not(.mobile-menu){display:none}
 .brand{width:150px;min-height:44px;display:flex;align-items:center}
 .menu-toggle{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:80px;min-height:48px;font-size:14px;padding:0}
 .menu-toggle>span{width:24px;display:grid;gap:6px}
 .menu-toggle i{display:block;height:1.5px;background:currentColor;transition:transform 180ms}
 .menu-toggle[aria-expanded=true] i:first-child{transform:translateY(3.75px) rotate(45deg)}
 .menu-toggle[aria-expanded=true] i:last-child{transform:translateY(-3.75px) rotate(-45deg)}
 .mobile-menu{position:absolute;top:100%;inset-inline:0;display:flex;flex-direction:column;gap:0;max-height:calc(100dvh - var(--header-size) - env(safe-area-inset-top,0px));overflow-y:auto;overscroll-behavior:contain;padding:10px max(var(--gutter),env(safe-area-inset-right,0px)) calc(24px + env(safe-area-inset-bottom,0px)) max(var(--gutter),env(safe-area-inset-left,0px));background:var(--paper);color:var(--ink);font:600 32px/1.15 Barlow,sans-serif;text-transform:uppercase;box-shadow:0 20px 30px #1420271a}
 .mobile-menu a{display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:10px 0;border-bottom:1px solid #242f321a}
 .header:has(.mobile-menu:not([hidden])){background:var(--paper);color:var(--ink)}
 html:has(.mobile-menu:not([hidden])){overflow:hidden}
 .reader-toolbar{top:calc(var(--header-size) + env(safe-area-inset-top,0px))}
 .article-intro,.product-detail-grid{grid-template-columns:minmax(0,1fr)}
 .product-detail-grid{gap:36px}.product-detail-grid .steel-stage{height:440px}
 .article-intro>img{height:auto;aspect-ratio:1.6;max-height:450px}
 .article-intro h1,.product-detail-grid h1{font-size:clamp(58px,8.5vw,90px)}
 .product-detail-intro,.page-intro,.article-intro,.culture-intro,.environment-intro{padding-top:calc(var(--header-size) + env(safe-area-inset-top,0px) + 42px)}
}

@media(max-width:700px){
 :root{--gutter:clamp(20px,5.5vw,28px)}
 body{font-size:16px;line-height:1.65}
 .section-pad{padding-inline:max(var(--gutter),env(safe-area-inset-left,0px)) max(var(--gutter),env(safe-area-inset-right,0px));padding-block:56px}
 body:not(.inner-page):not(.reader-page) main>.section-pad{padding-top:56px;padding-bottom:56px}
 .header{padding-inline:max(var(--gutter),env(safe-area-inset-left,0px)) max(var(--gutter),env(safe-area-inset-right,0px))}
 .header .brand{width:140px}
 .section-heading{margin-bottom:28px}
 .section-heading h2,.products .section-heading h2,.history h2,.calculator h2,.market-intro h2,.quality h2,.operation .section-heading h2,.investor-preview h2,.sustainability h2{font-size:clamp(44px,13vw,68px);line-height:.98}
 .about h2{font-size:clamp(42px,12.5vw,64px)}
 .section-heading>p,.about-description,.family-copy>p,.market-intro p,.sustain-copy p,.quality-copy>p,.investor-preview p{font-size:16px;line-height:1.65;max-width:100%}
 .section-heading>p{margin-top:22px}
 .text-link,.subtle-link{font-size:14px;min-height:44px;line-height:1.5}
 .about-description .text-link,.market-intro .text-link,.sustain-copy .text-link{margin-top:14px}
 .about-image figcaption,.operation figcaption,.catalog-note,.quality-copy .fine-print{font-size:12px;line-height:1.6}
 .about-image img{aspect-ratio:1.2}.quality-image img{aspect-ratio:1.2}
 .quality-copy{padding:40px var(--gutter) 48px}
 .quality-links a{font-size:15px;line-height:1.5;gap:20px;min-height:60px}
 .sustain-copy h3,.family-copy h3{font-size:clamp(38px,11.5vw,58px);line-height:1}
 .sustain-copy p{max-width:100%}
 .market-list{font-size:clamp(30px,9.5vw,46px)}

 /* Stable first screen; the orange field gives the steel its own space below copy. */
 .journey{height:260svh}
 .stage{height:100svh;min-height:0}
 .opening{left:var(--gutter);right:var(--gutter);top:18%;max-width:none}
 .opening h1{font-size:clamp(44px,15.5vw,76px);line-height:.94;max-width:100%}
 .opening p{font-size:15px;line-height:1.6;margin-top:22px;max-width:21em}
 .opening .text-link{font-size:14px;margin-top:14px;gap:20px;min-height:44px}
 .material-field{top:48%;bottom:0;width:58%;transform-origin:right bottom}
 .material-story{left:var(--gutter);top:22%;max-width:55%}
 .material-story h2{font-size:clamp(34px,10.5vw,52px);line-height:.99;max-width:5.5em}
 .material-story p{font-size:14px;line-height:1.6;max-width:13em;margin-top:22px}
 .material-story .text-link{font-size:13px;max-width:150px;gap:12px;margin-top:12px;min-height:44px}
 .journey-controls{padding:14px var(--gutter) calc(14px + env(safe-area-inset-bottom,0px));gap:14px;align-items:flex-end}
 .scroll-cue{font-size:11px;max-width:140px;line-height:1.5}
 .journey-controls button{font-size:12px;line-height:1.4;min-height:48px;padding:10px 12px;max-width:148px;flex-shrink:0}
 .plant-copy{left:var(--gutter);right:var(--gutter);bottom:calc(120px + env(safe-area-inset-bottom,0px))}
 .plant-copy h2{font-size:clamp(46px,14vw,78px);line-height:1;max-width:7em}
 .plant-copy p{font-size:15px;line-height:1.6;max-width:22em;margin-top:22px}

 /* Orbit stays large; the active topic and navigation appear before the video. */
 .philosophy{padding:42px var(--gutter) 20px}
 .philosophy-heading{margin-bottom:14px}
 .philosophy-heading h2{font-size:clamp(36px,10.8vw,58px)}
 .philosophy-heading p{font-size:14px;line-height:1.6;max-width:100%;margin-top:12px}
 .philosophy-heading>p .text-link{font-size:14px;padding-block:10px}
 .belief-stage{display:flex;flex-direction:column;--belief-media-size:min(74vw,290px);--belief-toolbar-height:64px}
 .belief-panel{order:0;height:auto;min-height:0}
 .belief-image{margin:16px auto 24px}
 .belief-orbit{top:calc(var(--belief-toolbar-height) + 16px + var(--belief-media-size)/2)}
 .belief-statement{height:auto;min-height:0;padding:20px 0;justify-content:flex-start}
 .belief-statement h3{font-size:clamp(39px,12.2vw,62px);line-height:.99;max-width:100%}
 .belief-statement p{font-size:16px;line-height:1.65;margin-top:22px;min-height:0;max-width:100%}
 .belief-controls{position:relative;inset:auto;order:-1;align-self:stretch;align-items:center;width:100%;height:var(--belief-toolbar-height);flex-shrink:0;gap:10px;margin:0}
 .belief-current{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0;padding-right:8px;font:600 14px/1.35 Manrope,sans-serif;color:var(--paper)}
 #beliefCurrentIndex{font-size:12px;font-weight:400;letter-spacing:.04em;color:var(--secondary);font-variant-numeric:tabular-nums}
 .belief-controls button{width:48px;height:48px}
 #beliefNext:not(:disabled){border-color:var(--orange);color:var(--orange)}
 .belief-navigation{order:2;gap:12px;min-width:0;max-width:100%;padding:18px 5px 20px;overscroll-behavior-x:contain;scroll-snap-type:x proximity}
 .belief-navigation button{font-size:13px;flex-basis:124px;max-width:124px;min-height:86px;scroll-snap-align:center}
 .belief-navigation button:before{width:109px}

 /* A photo chapter followed by a readable caption, with years still on the photograph. */
 .history-navigation{gap:8px;margin-bottom:18px}
 .year-rail{gap:12px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
 .year-rail button{font-size:28px;min-width:58px;min-height:48px;padding:10px 2px;scroll-snap-align:center}
 .history-arrows button{min-width:44px;min-height:48px}
 .history-scene{display:grid;grid-template-rows:250px auto;height:auto;min-height:0;max-height:none}
 .history-scene>img{height:250px;width:100%;object-position:center}
 .history-shade{height:250px;background:linear-gradient(0deg,#101b1d9c,transparent 68%)}
 .history-year{top:158px;bottom:auto;left:22px;font-size:94px;line-height:1}
 .history-story{position:relative;grid-row:2;inset:auto;width:auto;max-width:none;padding:28px 22px 32px;background:var(--dark)}
 .history-story h3{font-size:33px;line-height:1.06;max-width:100%;margin-bottom:18px}
 .history-story p{font-size:16px;line-height:1.65;max-width:100%}
 .history-meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px}
 .history-caption,.history-position{font-size:12px;line-height:1.6;max-width:100%;margin:0}

 /* Catalog and product inspection are never compressed into miniature columns. */
 .product-tabs{gap:22px;justify-content:flex-start;overflow-x:auto;overscroll-behavior-x:contain;margin-bottom:22px;padding-top:4px}
 .product-tabs button{font-size:clamp(24px,7vw,32px);min-height:48px;white-space:nowrap;padding-bottom:15px}
 .family-panel{gap:28px}
 .steel-stage,.steel-home .steel-stage,.product-detail-grid .steel-stage{height:clamp(285px,82vw,380px)}
 .steel-bar{display:flex;gap:10px;padding:10px 0;align-items:flex-start}
 .steel-controls{gap:6px;flex-wrap:wrap}
 .steel-controls button{min-width:44px;min-height:44px}
 .steel-controls button[data-view-photo]{font-size:12px;padding:8px 10px}
 .steel-status{flex-basis:100%;min-width:0;font-size:12px;line-height:1.6;max-width:100%}
 .steel-disclaimer,.product-detail-grid .steel-disclaimer{font-size:12px;line-height:1.6;margin-top:8px}
 .family-copy>p{margin-top:20px}
 .family-links{margin-top:20px}
 .family-links a,.family-panel[data-family=trefilados] .family-links a{font-size:15px;line-height:1.5;min-height:52px;gap:15px;border-bottom:1px solid #eeeee72a;padding:10px 0}
 .family-panel[data-family=trefilados] .family-links{grid-template-columns:minmax(0,1fr);gap:0}
 .family-copy .catalog-note{font-size:12px;max-width:100%;padding-top:22px}
 .catalog-controls>div{justify-content:flex-start;gap:22px;overflow-x:auto;overscroll-behavior-x:contain}
 .catalog-controls button{font-size:14px;min-height:48px;white-space:nowrap;flex-shrink:0}
 .catalog-controls>label{font-size:14px;margin-top:22px}
 .catalog-controls input{font-size:16px}
 .catalog-grid{gap:38px 24px;grid-template-columns:repeat(2,minmax(0,1fr))}
 .catalog-item h2{font-size:clamp(30px,7.5vw,42px);line-height:1.04;gap:16px}
 .catalog-item>p,.catalog-item>span{font-size:13px;line-height:1.6}
 .catalog-item h2 svg{width:22px;height:22px;flex-shrink:0}
 .results-count{font-size:13px;margin:24px 0}
 .page-intro h1,.article-intro h1,.product-detail-grid h1{font-size:clamp(44px,13.8vw,82px);line-height:.98;max-width:100%}
 .page-intro>p,.article-intro p,.product-detail-grid>div>p{font-size:16px;line-height:1.65;margin-top:26px;max-width:100%}
 .page-intro,.product-detail-intro,.article-intro,.culture-intro,.environment-intro{padding-top:calc(var(--header-size) + env(safe-area-inset-top,0px) + 38px);padding-bottom:42px}
 .breadcrumb{font-size:13px;min-height:44px;margin-bottom:20px;gap:14px}
 .breadcrumb a{display:inline-flex;min-height:44px;align-items:center}
 .product-detail-grid{gap:24px}
 .product-actions{gap:8px;margin-top:24px}
 .product-actions .contact-button{font-size:14px;min-height:52px;width:100%;gap:20px}
 .product-actions .text-link{font-size:14px;min-height:44px;padding:10px 0}
 .specifications .section-heading h2{font-size:48px}
 .specifications .section-heading>div,.standards{font-size:13px;line-height:1.7}
 .table-scroll{border-top:1px solid #242f3233;scrollbar-color:var(--accent) #242f3214;scrollbar-width:thin}
 .table-scroll table{font-size:14px}
 .table-scroll th,.table-scroll td{padding:16px}
 .spec-notes{font-size:13px;line-height:1.7}
 .document-actions .text-link{font-size:14px;min-height:48px}
 .next-product h2{font-size:clamp(38px,11vw,56px)}

 /* Full-size fields; diameter choices stay completely visible below. */
 .calculation-modes{gap:20px;margin-bottom:26px}
 .calculation-modes button{font-size:14px;min-height:48px;flex:1;text-align:left}
 .calculator-inputs>label,.input-pair label,.form-grid label{font-size:14px}
 input,select,textarea,.catalog-controls input,.document-filters input,.document-filters select,.reader-toolbar input,.reader-toolbar select{font-size:16px;min-height:50px}
 .input-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
 .diameter-comparison{margin:20px 0 12px}
 .diameter-circle{width:var(--diameter);height:var(--diameter)}
 .diameter-note{font-size:12px}
 .calculator-layout{gap:28px}
 .calculator-result{padding:30px 24px}
 .calculator-result output{font-size:clamp(54px,18vw,96px);line-height:1.25}
 .calculator-result>p:first-child,.calculator-result>#calcResultDetail,.calculation-details{font-size:14px}
 .calculation-details>div{align-items:baseline;gap:18px}
 .calculation-details dd{white-space:nowrap}
 .calculator-result .text-link,.calculator-note .text-link{font-size:14px;min-height:48px}
 .calculator-note p{font-size:13px;line-height:1.7}
 .process-list{min-width:0}
 .operation .process-list summary{font-size:30px;min-height:62px;padding:18px 0}
 .process-list details p{font-size:16px;line-height:1.65;padding:0 0 22px;max-width:100%}
 .process-list details>figure{margin:0 0 24px}
 .operation-layout:has(.process-list>details>figure){display:block}
 .operation-layout figure img{aspect-ratio:1.35}
 .report-preview{font-size:30px;line-height:1.2;min-height:76px;padding:22px 0;gap:22px}
 .investor-preview .text-link{font-size:14px;max-width:100%}

 /* Corporate reading, contact and document tools keep one-column reading measures. */
 .article-intro>img{aspect-ratio:1.2;margin-top:30px}
 .article-content{gap:38px;padding-top:8px}
 .article-content h2{font-size:38px;max-width:100%}
 .article-content p,.location-list p,.culture-foundations p,.culture-value-list p,.environment-actions article>div>p{font-size:16px;line-height:1.7;max-width:100%}
 .article-links .text-link,.corporate-next .text-link{font-size:14px;min-height:48px;gap:20px}
 .article-links h2,.corporate-next h2{font-size:clamp(40px,12vw,62px)}
 .location-list h2{font-size:34px;max-width:100%}
 .culture-intro h1{font-size:clamp(46px,13.8vw,80px)}
 .environment-intro h1{font-size:clamp(39px,12vw,72px)}
 .culture-intro>p,.environment-intro>div>p{font-size:16px;line-height:1.7}
 .culture-intro>div>p{font-size:14px;line-height:1.6}
 .culture-foundations h2{font-size:50px}
 .culture-photo,.environment-photo{margin-inline:var(--gutter)}
 .culture-photo img,.environment-photo img{height:auto;aspect-ratio:1.25}
 .culture-photo figcaption{font-size:12px;line-height:1.5}
 .culture-value-list h3{font-size:34px;max-width:100%}
 .environment-preview a{font-size:15px;line-height:1.6;min-height:68px;padding:20px 0}
 .environment-intro nav{grid-template-columns:minmax(0,1fr);gap:0}
 .environment-intro nav a{font-size:14px;min-height:52px;padding:14px 0}
 .environment-actions article{padding:38px 0;scroll-margin-top:16px}
 .environment-actions h2{font-size:clamp(42px,12.5vw,64px);max-width:100%}
 .environment-actions h3{font-size:15px;line-height:1.6;margin-top:24px}
 .environment-sequence{gap:14px;overflow-wrap:anywhere}
 .environment-sequence li{font-size:12px;line-height:1.6;max-width:100%}
 .environment-footage{height:auto;aspect-ratio:1.15}
 .environment-visual figcaption{font-size:12px;line-height:1.6}
 .contact-form-section h2{font-size:clamp(40px,13.5vw,80px);line-height:.95}
 .contact-intro{grid-template-columns:minmax(0,1fr) 30%;gap:16px}
 .contact-intro>p{font-size:16px;line-height:1.65;max-width:100%}
 .contact-intro .demo-notice{font-size:13px;line-height:1.7;max-width:100%}
 .contact-intro .text-link{font-size:14px;min-height:48px}
 .contact-form-area{margin-top:28px;padding-top:28px}
 .form-grid{grid-template-columns:minmax(0,1fr);gap:22px}
 .form-full{grid-column:1/-1}
 .contact-form-section input,.contact-form-section select,.contact-form-section textarea{padding:13px 14px}
 .contact-form-section textarea{min-height:130px}
 .consent{font-size:13px;line-height:1.65;min-height:48px;gap:14px;align-items:center;padding-block:6px}
 .consent input{width:22px;height:22px;min-width:22px;min-height:22px;margin:0}
 .form-actions .contact-button,.contact-success .contact-button{font-size:14px;min-height:54px;width:100%;gap:18px}
 .privacy-link{display:inline-flex;align-items:center;font-size:13px;min-height:44px;margin-top:14px}
 .field-error,.form-status{font-size:13px;line-height:1.6}
 .contact-success h3{font-size:clamp(38px,11vw,56px);max-width:100%}
 .contact-success p{font-size:16px;line-height:1.7}
 .contact-success #contactFolio{font-size:14px;overflow-wrap:anywhere}
 .document-controls{display:block}
 .document-categories{flex-wrap:nowrap;max-width:100%;gap:22px;overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:6px}
 .document-categories button{font-size:14px;min-height:48px;white-space:nowrap;flex-shrink:0}
 .document-filters{gap:14px;max-width:100%;margin-top:24px}
 .document-filters label{font-size:14px}
 .document-filters label:last-child{width:110px;flex-shrink:0}
 .document-filters input,.document-filters select{padding:12px 10px}
 .document-row{padding:26px 0;gap:12px 20px}
 .document-row>div{min-width:0}
 .document-title{font-size:18px;line-height:1.5;overflow-wrap:anywhere}
 .document-row p{font-size:12px;line-height:1.6}
 .document-row .text-link,.document-download{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
 .empty-state h2{font-size:30px;max-width:100%}
 .document-reader{padding:calc(var(--header-size) + env(safe-area-inset-top,0px) + 30px) 16px 42px}
 .reader-heading h1{font-size:34px;line-height:1.08;overflow-wrap:anywhere}
 .reader-heading>p,.reader-heading .text-link,#readerStatus{font-size:13px;line-height:1.6}
 .reader-toolbar{padding:12px;gap:10px;margin-top:24px}
 .reader-toolbar>div{display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;gap:8px;width:100%;align-items:center}
 .reader-toolbar>div+div{grid-template-columns:minmax(0,1fr) auto;gap:16px}
 .reader-toolbar label{font-size:13px;gap:6px;justify-content:center;min-width:0}
 .reader-toolbar input{font-size:16px;width:54px;min-height:44px;padding:8px 4px}
 .reader-toolbar select{font-size:16px;width:100%;max-width:172px;min-width:0;min-height:44px;padding:8px}
 .reader-toolbar>div+div label{justify-content:flex-start;gap:8px}
 .reader-toolbar button{min-width:44px;min-height:44px;padding:8px;font-size:13px}
 .reader-toolbar button>span{display:none}
 .reader-toolbar button svg{display:block;width:20px;height:20px}
 .reader-toolbar a{font-size:13px;min-height:44px;display:flex;align-items:center}
 .reader-toolbar #pdfPages{font-size:13px;white-space:nowrap}
 .pdf-viewport{padding:10px;max-height:68svh;min-height:220px;overscroll-behavior:contain}
 .pdf-transcript{font-size:14px}
 .pdf-transcript summary{min-height:48px;padding:12px 0}
 .pdf-transcript>div{font-size:15px;line-height:1.7;padding:20px}
 .footer{padding:48px var(--gutter) calc(24px + env(safe-area-inset-bottom,0px))}
 .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}
 .footer .footer-brand{width:230px}
 .footer-nav h2{font-size:13px;min-height:40px}
 .footer-nav>a{font-size:14px;min-height:48px;padding-block:10px}
 .footer-legal{gap:0 22px}
 .footer-legal a{font-size:12px;min-height:44px}
 .footer-signature{font-size:14px}
 .footer-contact{font-size:16px;gap:20px}
 .footer-bottom>span{font-size:12px}
 .footer .back{font-size:14px}
}

.reader-toolbar button svg{display:none}
@media(max-width:700px){.reader-toolbar button svg{display:block}}
@media(max-width:480px){.catalog-grid{grid-template-columns:minmax(0,1fr)}.catalog-item img{aspect-ratio:1.5}.catalog-item h2{font-size:38px}.catalog-item>p{margin-top:18px}}
@media(max-width:360px){.opening h1{font-size:15vw}.opening p{font-size:14px;margin-top:18px}.opening .text-link{margin-top:10px}.product-tabs{gap:18px}.product-tabs button{font-size:24px}.reader-toolbar{padding:10px}.reader-toolbar label{font-size:12px;gap:4px}.reader-toolbar input{width:44px}.reader-toolbar>div+div{gap:10px}.reader-toolbar a{font-size:12px}}
@media(max-width:1000px) and (max-height:500px){
 .mobile-menu{font-size:28px}.mobile-menu a{min-height:48px}
 .journey{height:340svh}.stage{min-height:0;height:100svh}
 .opening{top:30%;max-width:60%}.opening h1{font-size:clamp(38px,7.5vw,58px)}
 .opening p{font-size:14px;line-height:1.5;margin-top:14px;max-width:24em}.opening .text-link{margin-top:8px}
 .material-field{top:0;width:35%}.material-story{top:29%;max-width:58%}.material-story h2{font-size:clamp(34px,6vw,52px);max-width:8em}
 .material-story p{font-size:13px;margin-top:12px}.material-story .text-link{margin-top:5px}
 .journey-controls{padding-block:8px}.scroll-cue{display:none}
 .journey-controls button{margin-left:auto;min-height:44px}
 .plant-copy{bottom:75px}.plant-copy h2{font-size:45px;max-width:11em}.plant-copy p{margin-top:14px;font-size:14px}
 .pdf-viewport{max-height:80svh}.reader-toolbar{position:static}
}
@media(hover:none){button:active,summary:active{opacity:.72}.contact-button:active{background:#34464a;opacity:1}}
@media(max-width:1000px) and (prefers-reduced-motion:reduce){.journey{height:190svh}}

.table-hint{display:none}
@media(max-width:700px){.table-hint{display:block;font-size:12px;line-height:1.6;margin:0 0 12px;color:#52605f}.steel-canvas{touch-action:pinch-zoom}}
@media(max-width:700px){
 .calculator-layout{grid-template-columns:minmax(0,1fr)}
 .calculator-inputs,.input-pair>div,.family-copy,.article-content>div,.document-row>div{min-width:0}
}

@media(max-width:700px){.process-list summary{scroll-margin-top:calc(var(--header-size) + env(safe-area-inset-top,0px) + 16px)}}
@media(max-width:1000px){
 .footer-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
 .footer-top>.footer-identity{grid-column:1/-1}
 .catalog-controls button,.document-categories button{min-width:44px}
 input:not([type=checkbox]),select,textarea,.catalog-controls input,.document-filters input,.document-filters select,.reader-toolbar input,.reader-toolbar select{font-size:16px}
}
@media(max-width:700px){
 .footer-top{gap:30px 20px}
 .reader-zoom-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .reader-toolbar>div+div label{gap:0}
 .reader-toolbar select{max-width:none}
}
a{touch-action:manipulation}
@media(max-width:1000px){
 .reader-toolbar button{min-width:44px;min-height:44px}
 input:not([type=checkbox]),select,textarea,.document-filters input,.document-filters select,.reader-toolbar input,.reader-toolbar select{min-height:48px}
 .text-link{min-height:44px}
 .document-download,.reader-toolbar a,.breadcrumb a,.privacy-link{display:inline-flex;align-items:center;min-height:44px}
 .document-title{display:block;min-height:44px;padding-block:6px}
 .pdf-transcript summary{min-height:48px;padding-block:12px}
 .consent{min-height:48px;align-items:center;font-size:13px}
 .consent input{width:22px;height:22px;min-width:22px;min-height:22px;margin:0}
 .form-grid label{font-size:14px}
}
@media(hover:none){a:active{opacity:.72}}
@media(max-width:1000px){
 .product-tabs button:focus-visible,.catalog-controls button:focus-visible,.document-categories button:focus-visible,.year-rail button:focus-visible,.belief-navigation button:focus-visible{outline-offset:-3px}
}
@media(max-width:1000px){
 .journey-controls button,.calculation-modes button{min-height:48px}
 .year-rail button{min-width:56px;min-height:48px}
}
@media(min-width:701px) and (max-width:1000px){
 .calculator-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
 .calculator-inputs,.input-pair>div{min-width:0}
 .input-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Seven complete choices: four above, three centred below. No clipped preview
   or hidden final diameter, even inside a narrow two-column tablet calculator. */
@media(max-width:1000px){
 .diameter-comparison{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px 4px;overflow:visible;padding:6px 2px 10px;align-items:end}
 .diameter-comparison button{grid-column:span 2;min-width:44px;min-height:88px;width:100%;flex:none;font-size:13px;gap:12px;padding:5px 0;white-space:nowrap}
 .diameter-comparison button:nth-child(5){grid-column:2/span 2}
 .diameter-comparison button:nth-child(6){grid-column:4/span 2}
 .diameter-comparison button:nth-child(7){grid-column:6/span 2}
 .diameter-circle{width:var(--diameter);height:var(--diameter);flex-shrink:0}
}
@media(max-width:700px){.opening{top:max(18%,calc(var(--header-size) + env(safe-area-inset-top,0px) + 24px))}}
@media(max-width:700px) and (max-height:660px) and (orientation:portrait){.material-field{top:max(56%,335px)}}
@media(pointer:coarse){
 button,summary{min-width:44px;min-height:44px}
 input:not([type=checkbox]),select,textarea,.catalog-controls input,.document-filters input,.document-filters select,.reader-toolbar input,.reader-toolbar select{font-size:16px;min-height:48px}
 .header nav:not(.mobile-menu) a{min-height:44px;display:inline-flex;align-items:center}
}
@media(max-width:700px){.catalog,.document-library,.location-list{padding-top:0}}
/* Portrait is a photographic material close-up on one continuous paper
   surface. The orange fills the scene only as the visitor advances. */
@media(max-width:700px) and (orientation:portrait){
 .journey{height:220svh}
 .opening{top:calc(var(--header-size) + env(safe-area-inset-top,0px) + 32px)}
 .opening h1{font-size:clamp(44px,14.5vw,65px);line-height:.96}
 .opening p{font-size:14px;line-height:1.6;margin-top:18px;max-width:25em}
 .opening .text-link{font-size:13px;min-height:40px;margin-top:12px}
 .material-field{top:var(--mobile-material-top,54%);width:100%;bottom:0;opacity:0}
 .material-story{max-width:58%}
 .journey-controls{padding-bottom:calc(18px + env(safe-area-inset-bottom,0px))}
 .journey-controls button{border:1px solid #242f3226;background:var(--paper)}
 .journey-controls.light button{border-color:#ffffff35}
}