/* Phone-only density. Desktop rules, content, links and calculations are unchanged. */
@media (max-width:600px) {
 html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
 body.media-page{font-size:16px;line-height:1.6;letter-spacing:0}
 .media-page :where(p,li,dd){line-height:1.6}
 .media-page :where(h1,h2,h3,h4){text-wrap:initial;line-height:1.4}
 .media-page h1,.media-page .hero-copy h1{font-size:28px;line-height:1.4;margin:0 0 12px}
 .media-page .section-lead h2,.media-page .selection-points h2{font-size:23px;line-height:1.4}
 .media-page .wrap{padding-inline:14px}
 .media-page .header{padding-block:10px;gap:8px}
 .media-page .brand{font-size:18px;line-height:1.4}
 .media-page .brand span{font-size:11px;margin-top:3px}
 .media-page .header nav{display:flex;justify-content:space-between;width:100%;gap:4px}
 .media-page .header nav a{font-size:12px;min-height:40px;padding:10px 0;line-height:1.5;white-space:nowrap}
 .media-page .publication-meta{font-size:11px;gap:4px;padding-bottom:6px}
 .media-page .editorial-hero,.media-page .media-hero{padding:18px 0;gap:14px}
 .media-page .hero-copy .eyebrow{margin-bottom:8px;font-size:12px}
 .media-page .hero-description,.media-page .media-hero p{font-size:16px;line-height:1.6;margin:8px 0 12px}
 .media-page .hero-cta,.media-page .media-hero .button{font-size:16px;min-height:44px;padding:10px 12px;margin-top:0}
 .media-page .hero-small{margin:6px 0 8px;font-size:12px}
 .media-page .hero-shortcuts a{font-size:13px;min-height:40px;padding-block:8px}
 .media-page .hero-editorial-art{padding:10px 12px}
 .media-page .hero-editorial-art img{height:48px}
 .media-page .hero-editorial-art strong{font-size:16px}
 .media-page .hero-editorial-art>p:last-child{margin-top:8px;padding-top:6px}
 .media-page .page-index{margin-bottom:22px}
 .media-page .page-index a{min-height:44px;padding:11px 12px}
 .media-page main.wrap>section+section,.media-page .comparison-section,.media-page .faq-category{margin-top:30px}
 .media-page .comparison-section,.media-page .faq-category{padding-top:18px}
 .media-page .section-lead{margin-bottom:16px}
 .media-page .section-lead h2{margin-bottom:8px}
 .media-page .section-lead>p{font-size:14px}
 .media-page .answer-row:nth-child(n){padding:8px 2px;gap:8px}
 .media-page .answer-row img{width:44px;height:32px}
 .media-page .answer-row strong{font-size:18px;line-height:1.3}
 .media-page .answer-row span:not(.row-arrow),.media-page .answer-row small{font-size:12px;line-height:1.4;margin-top:0}
 .media-page .selection-points{padding-block:18px;gap:12px}
 .media-page .selection-points ol{gap:10px 14px}
 .media-page .selection-points li b{font-size:14px}
 .media-page .selection-points li span{font-size:13px;line-height:1.5;margin-top:3px}
 .media-page .edit-strip,.media-page .inline-advice,.media-page .warning-note{padding:10px 12px;font-size:13px;line-height:1.6;margin-block:14px}
 /* Fixed labels must leave real room for comparison values. */
 .media-page .matrix-scroll table{table-layout:fixed;min-width:660px;font-size:13px}
 .media-page .matrix-scroll th,.media-page .matrix-scroll td{padding:8px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}
 .media-page .matrix-scroll th:first-child{width:112px;min-width:112px;max-width:112px}
 .media-page .matrix-scroll th img{display:block;width:42px;height:28px;margin:0 0 3px}
 .media-page .cloud-editorial-table{min-width:780px}
 .media-page .cloud-editorial-table th:first-child{width:112px;min-width:112px;max-width:112px}
 .media-page .cloud-editorial-table th:nth-child(2){width:128px}
 .media-page .cloud-editorial-table th:nth-child(3){width:166px}
 .media-page .cloud-editorial-table th:nth-child(4){width:170px}
 .media-page .cloud-editorial-table td,.media-page .cloud-editorial-table th{padding:8px;line-height:1.5}
 .media-page .cloud-editorial-table tbody th img{width:52px;height:32px;margin:0}
 .media-page .cloud-editorial-table tbody th>b{font-size:15px;line-height:1.4;margin:4px 0}
 .media-page .cloud-editorial-table tbody th>span{font-size:12px;line-height:1.5}
 .media-page .cloud-editorial-table p{margin:5px 0;line-height:1.5}
 .media-page .table-fees strong{font-size:16px}
 .media-page .capacity-chip,.media-page .capacity-badge{font-size:13px;padding:3px 6px}
 /* Keep native inputs at 16px to avoid iOS focus zoom. */
 .media-page #diagnosis{margin-top:32px;padding-top:20px}
 .media-page #diagnosis .diagnosis-intro{margin-bottom:20px!important}
 .media-page #diagnosis #tool-title{font-size:23px!important;line-height:1.4;margin:6px 0 8px}
 .media-page #diagnosis .lead{font-size:14px;line-height:1.6}
 .media-page #diagnosis .input-panel{padding:16px 12px!important}
 .media-page #calculator .panel-heading{font-size:20px;line-height:1.4;margin-bottom:8px}
 .media-page #calculator .input-panel>.hint{font-size:13px;line-height:1.5;margin-bottom:14px}
 .media-page #calculator .input-panel .fields{gap:12px!important}
 .media-page #calculator .form-group h4{font-size:15px;margin-bottom:10px}
 .media-page #calculator .form-group+.form-group{margin-top:18px;padding-top:16px}
 .media-page #calculator .field-unit>label{font-size:15px;line-height:1.4}
 .media-page #calculator .field-unit>label>input,.media-page #calculator .field-unit>label>select{height:44px;min-height:44px;margin-top:5px;padding:8px 10px;font-size:16px}
 .media-page #calculator .field-unit .input-help{margin-top:2px}
 .media-page #calculator .field-unit .input-help summary{font-size:13px;line-height:1.4;min-height:36px;padding:8px 0}
 .media-page #calculator .input-panel>details{margin-top:16px;padding-top:12px;font-size:14px}
 .media-page #calculator .input-panel>.full{min-height:44px;font-size:16px;margin:16px auto 8px;padding:10px}
 .media-page input:not([type=checkbox]),.media-page select,.media-page textarea{font-size:16px;min-height:44px}
 /* A whole product and a visible portion of the next, without hiding copy. */
 .media-page .ssd-track,.media-page .compare-track{gap:10px;scroll-padding-inline:2px;align-items:stretch}
 .media-page .ssd-track>.ssd-tile{flex-basis:82%;padding:10px;scroll-snap-align:start}
 .media-page .tile-image{height:126px;margin:6px 0;background:#fff}
 .media-page .tile-image a{min-height:106px;height:106px}
 .media-page .tile-image img{width:150px;height:106px;object-fit:contain}
 .media-page .tile-image figcaption{font-size:10px;margin-top:2px}
 .media-page .product-maker{font-size:12px;line-height:1.4;margin:0 0 3px}
 .media-page .ssd-tile h4{font-size:18px;line-height:1.35;min-height:0;margin:0 0 6px}
 .media-page .tile-price{font-size:18px;line-height:1.3;margin:0 0 6px;letter-spacing:-.02em}
 .media-page .tile-price span{font-size:11px;line-height:1.3}
 .media-page .product-benefit{font-size:13px;line-height:1.45;padding:5px 6px;margin:0 0 6px}
 .media-page .tile-who{font-size:13px;line-height:1.45;margin:0 0 6px}
 .media-page .tile-who b{display:inline;font-size:12px;margin-right:5px}
 .media-page .tile-connection{font-size:12px;line-height:1.45;padding:6px;margin:0 0 8px}
 .media-page .tile-buy{grid-template-columns:1fr 1fr;gap:6px}
 .media-page .tile-buy a{min-height:44px;padding:6px 3px;font-size:14px;line-height:1.4;text-align:center}
 .media-page .ssd-tile details{margin:6px 0 0;padding:4px 0 0}
 .media-page .ssd-tile details summary{min-height:36px;font-size:12px;line-height:1.5;padding:8px 0}
 .media-page .carousel-heading{gap:8px;margin-bottom:8px}
 .media-page .carousel-heading h3{font-size:18px}
 .media-page .carousel-controls button{width:40px;min-height:44px;padding:0}
 .media-page .result-summary{padding:14px 12px}
 .media-page .result-summary .recommendation-title{font-size:22px;margin:6px 0 10px}
 .media-page .result-purchases{padding:12px 8px 4px}
 .media-page .compare-track>.compare-card{flex-basis:88%;padding:12px}
 .media-page .candidate-head{margin-bottom:8px;gap:8px}
 .media-page .candidate-head h4{font-size:21px}
 .media-page .service-art{width:64px;height:42px}
 .media-page .offer-price,.media-page .card-who,.media-page .result-tags{margin-bottom:8px}
 .media-page .card-reasons ul{margin-bottom:8px}
 .media-page .cloud-cta{min-height:44px;padding:9px!important;font-size:15px}
 .media-page .capacity-tabs{gap:6px}
 .media-page .capacity-tabs button{min-width:0;flex:1;font-size:18px;padding:7px}
 /* Guide pages follow the same compact rhythm. */
 .media-page .method-duo{padding:10px 6px}
 .media-page .method-duo img{height:56px}
 .media-page .method-duo figcaption{font-size:17px}
 .media-page .service-profile{margin-top:22px;padding-block:16px;gap:10px}
 .media-page .profile-name{padding:10px;grid-template-columns:62px 1fr;column-gap:10px}
 .media-page .profile-name img{width:62px;height:42px}
 .media-page .profile-name h3{font-size:21px}
 .media-page .profile-content dl{grid-template-columns:92px minmax(0,1fr);gap:8px;font-size:14px;margin:12px 0}
 .media-page .profile-content dd{margin:0;line-height:1.6}
 .media-page .profile-content .table-cta{margin:6px 0;padding:9px 10px;min-height:44px}
 .media-page .band-jumps{gap:6px;margin:14px 0}
 .media-page .band-jumps a{font-size:18px;padding:8px}
 .media-page .ssd-band-section+.ssd-band-section{margin-top:26px}
 .media-page .number-cover{padding:12px 14px}
 .media-page .number-cover>b{font-size:30px;line-height:1.3}
 .media-page .number-cover small{font-size:15px}
 .media-page .number-cover p{font-size:13px;margin:6px 0 0}
 .media-page .cost-highlights>div{padding:10px 12px;display:grid;grid-template-columns:1fr 1fr;gap:3px 8px;align-items:center}
 .media-page .cost-highlights strong{margin:0;font-size:14px;grid-column:2;grid-row:1/3}
 .media-page .cost-highlights b{font-size:25px}
 .media-page .cost-highlights small,.media-page .cost-highlights span{font-size:12px}
 .media-page .cost-matrix .money{font-size:16px}
 .media-page .cost-matrix thead b{font-size:20px}
 .media-page .hardware-cost{padding-block:16px}
 .media-page .hardware-cost h3{font-size:20px;margin-bottom:8px}
 .media-page .cost-conditions details{padding:12px}
 .media-page .faq-feature{padding:14px}
 .media-page .faq-feature strong{font-size:21px;line-height:1.4;margin:8px 0}
 .media-page .faq-feature a{margin-top:10px;min-height:36px;padding-block:6px}
 .media-page .faq-category h2{font-size:23px}
 .media-page .faq-question summary{font-size:15px;line-height:1.5;padding:12px 0;gap:8px;min-height:44px}
 .media-page .faq-answer{padding:0 4px 12px 25px}
 .media-page .faq-answer p{font-size:14px;line-height:1.6}
 .media-page .faq-category .explain-figure{padding:10px;margin:12px 0}
 .media-page .faq-category .explain-figure img{width:120px;height:66px}
 .media-page .guide-lines{gap:14px}
 .media-page .guide-lines h3{font-size:20px;margin:6px 0}
 .media-page .editorial-policy{padding:14px}
 .media-page footer[data-footer] .footer{padding:20px 14px calc(20px + env(safe-area-inset-bottom,0px))}
 .media-page footer[data-footer] .footer-nav a{padding:9px 0}
 .media-page .consent-banner{bottom:calc(8px + env(safe-area-inset-bottom,0px));left:8px;right:8px;padding:12px;max-height:70dvh;overflow:auto}
}