/* Only these preview variants use the new hierarchy. */
.arrangement-preview .study-back{margin-bottom:26px}
.arrangement-preview .arrangement-info{margin-bottom:28px}
.arrangement-preview .grid-identity{display:block}
.arrangement-preview .control-model-name h1{font-size:28px;letter-spacing:.7px}
.arrangement-preview .study-stats{font-size:11px;gap:14px 26px;margin:16px 0 0;padding:0}
.arrangement-preview .study-stats dt{color:#777}
.arrangement-preview .study-stats dd{color:#111}
.arrangement-preview .profile-resource-links{gap:22px!important;flex-direction:row;justify-content:flex-start;align-items:center}
.arrangement-preview .profile-resource-links>a,.arrangement-preview .profile-resource-links>button{--type-size:12px;padding:12px 0;min-height:44px}
.arrangement-preview .profile-resource-links>a::after,.arrangement-preview .profile-resource-links>button::after{display:none}
.arrangement-preview .profile-resource-links>a:hover,.arrangement-preview .profile-resource-links>button:not(:disabled):hover{box-shadow:0 1px #222}
.arrangement-preview .media-tabs{gap:30px;padding:0;margin:0 0 22px;border-bottom:1px solid #ddd}
.arrangement-preview .media-tabs>button{--type-size:18px;padding:12px 0 17px;min-height:50px;opacity:.5}
.arrangement-preview .media-tabs>button::after{display:none}
.arrangement-preview .media-tabs>button[aria-selected=true]{opacity:1}
.arrangement-preview .media-tabs>button[aria-selected=true]::after{display:block;width:100%;height:2px;bottom:-1px}
.arrangement-preview .profile-resource-links>button:disabled{opacity:.38}
.arrangement-line .arrangement-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ddd;margin-bottom:24px}
.arrangement-line .arrangement-tools .media-tabs{margin:0;border:0;flex-shrink:0}
.arrangement-center .arrangement-info{text-align:center;margin:8px 0 30px}
.arrangement-center .control-model-name,.arrangement-center .study-stats,.arrangement-center .profile-resource-links{justify-content:center}
.arrangement-center .control-model-name h1{font-size:32px;letter-spacing:1.2px}
.arrangement-center .profile-resource-links{margin-top:15px}
.arrangement-center .media-tabs{justify-content:center;gap:44px}
.arrangement-rail .arrangement-columns{display:grid;grid-template-columns:250px minmax(0,1fr);gap:46px}
.arrangement-rail .arrangement-info{padding-top:2px}
.arrangement-rail .control-model-name{gap:8px;flex-wrap:wrap}
.arrangement-rail .control-model-name h1{font-size:23px;max-width:185px}
.arrangement-rail .study-stats{display:grid;gap:13px;margin:25px 0}
.arrangement-rail .study-stats>div{display:grid;grid-template-columns:75px 1fr;gap:10px}
.arrangement-rail .profile-resource-links{flex-direction:column;align-items:flex-start;gap:2px!important;border-top:1px solid #ddd;padding-top:12px}
.arrangement-rail .media-tabs{margin-top:0}
.arrangement-comparison-page{background:#fff}
.arrangement-comparison-page>.site-header,.arrangement-comparison-page>#header-socials,.arrangement-comparison-page>.site-footer,.arrangement-comparison-page>.preview-note{display:none}
.arrangement-comparison{max-width:1400px;margin:auto;padding:35px 4% 70px;color:#171717}
.arrangement-back{font-size:12px;color:#666}
.arrangement-kicker{font-size:10px;letter-spacing:2px;margin-top:38px}
.arrangement-comparison h1{font:500 30px/1.4 Arial,sans-serif;letter-spacing:-1px;margin:12px 0}
.arrangement-intro{font-size:14px;line-height:1.9;color:#666}
.arrangement-jump{display:flex;flex-wrap:wrap;gap:10px;margin:25px 0 45px}
.arrangement-jump a{padding:12px 18px;border:1px solid #ccc;font-size:12px}
.arrangement-jump a:hover{background:#f5f5f3;border-color:#111}
.arrangement-card{margin-bottom:52px}
.arrangement-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}
.arrangement-heading>div{display:flex;align-items:center;gap:14px}
.arrangement-heading>div>span{font:32px Georgia,serif}
.arrangement-heading h2{font-size:19px;font-weight:500;margin:0}
.arrangement-heading small{font-size:11px;border:1px solid #ccc;padding:4px 8px}
.arrangement-heading>a{font-size:12px;text-decoration:underline;text-underline-offset:5px}
.arrangement-card>p{font-size:13px;color:#666;line-height:1.8}
.arrangement-card iframe{width:100%;height:440px;border:1px solid #e0e0dc;background:white;display:block}
.arrangement-card .arrangement-note{font-size:12px;color:#888}
.arrangement-embed>.site-header,.arrangement-embed>#header-socials,.arrangement-embed>.site-footer,.arrangement-embed>.preview-note,.arrangement-embed .control-review-bar,.arrangement-embed .study-back{display:none}
.arrangement-embed .study-shell{padding:32px 30px}
@media(max-width:800px){
 .arrangement-line .arrangement-tools{align-items:flex-start;flex-direction:column;gap:0}
 .arrangement-line .arrangement-tools .media-tabs{width:100%;order:2;margin-top:8px}
 .arrangement-line .arrangement-tools .profile-resource-links{order:1}
 .arrangement-preview .study-stats{gap:12px 20px;line-height:1.5}
 .arrangement-rail .arrangement-columns{grid-template-columns:1fr;gap:10px}
 .arrangement-rail .study-stats{display:flex;flex-wrap:wrap;margin:16px 0}
 .arrangement-rail .study-stats>div{display:flex;gap:8px}
 .arrangement-rail .control-model-name h1{max-width:none}
 .arrangement-rail .profile-resource-links{flex-direction:row;gap:22px!important;padding-top:8px;border:0}
 .arrangement-rail .arrangement-info{margin-bottom:15px}
 .arrangement-preview .control-review-bar{flex-wrap:wrap;gap:4px 12px}
 .arrangement-preview .control-review-bar nav{gap:3px}
}
@media(max-width:480px){
 .arrangement-preview .control-model-name h1{font-size:23px}
 .arrangement-center .control-model-name{gap:5px}
 .arrangement-center .control-model-name h1{font-size:23px}
 .arrangement-preview .study-stats{font-size:10px;gap:10px 17px}
 .arrangement-preview .media-tabs{gap:26px}
 .arrangement-preview .media-tabs>button{--type-size:17px}
 .arrangement-preview .profile-resource-links>a,.arrangement-preview .profile-resource-links>button{--type-size:11px}
 .arrangement-comparison{padding:25px 5%}
 .arrangement-comparison h1{font-size:25px}
 .arrangement-heading{gap:10px;align-items:flex-start}
 .arrangement-heading>div{gap:8px;flex-wrap:wrap}
 .arrangement-heading h2{font-size:16px}
 .arrangement-heading>a{font-size:11px;white-space:nowrap;padding-top:9px}
 .arrangement-card iframe{height:500px}
 .arrangement-embed .study-shell{padding:24px 18px}
}