/* V6.8 static prototype freeze candidate polish.
   Scope: final static-prototype proportion pass before WordPress theme split.
   Principle: wide screens can breathe, but typography, cards, footers, tabs, and tool stages must not look oversized or randomly stacked. */
:root{
  --v66-page-max:min(1760px, calc(100% - 48px));
  --v66-stage-max:min(1500px, 100%);
  --v66-reader-max:880px;
  --v66-soft-shadow:0 18px 46px rgba(4, 120, 87, .075);
}
body{font-size:clamp(.96rem,.82vw,1.02rem)!important;line-height:1.55;}
.container{width:var(--v66-page-max)!important;}
.container-wide{width:min(1880px, calc(100% - 48px))!important;}
.site-header{box-shadow:0 8px 22px rgba(4,120,87,.035);}
.header-inner{width:min(1760px,calc(100% - 48px))!important;min-height:68px!important;}
.nav-link,.nav-button{padding:8px 11px!important;font-size:.96rem!important;}
.lang-pill{padding:9px 16px!important;font-size:.95rem!important;}
.mega-menu.grouped-mega{width:min(920px,calc(100vw - 48px))!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;}
.mega-column>span{font-size:.78rem!important;letter-spacing:.04em;text-transform:uppercase;color:#047857;font-weight:950;}
.mega-link{min-height:auto!important;padding:11px 12px!important;border-radius:16px!important;}
.mega-link strong{font-size:.92rem!important;line-height:1.18!important;}
.mega-link small,.mega-link span{font-size:.78rem!important;line-height:1.3!important;color:#5f756b!important;}
.home-hero .hero-inner{padding-top:clamp(38px,3.8vw,62px)!important;padding-bottom:clamp(30px,3vw,50px)!important;}
.home-hero h1{font-size:clamp(2.85rem,4.8vw,4.95rem)!important;letter-spacing:-.058em!important;max-width:min(1220px,100%)!important;}
.home-hero .lead{font-size:clamp(.98rem,1.05vw,1.12rem)!important;max-width:900px!important;line-height:1.48!important;}
.home-hero .hero-chips .chip{font-size:.9rem!important;padding:7px 11px!important;}
.home-hero .hero-inputbar,.home-hero .inputbar{max-width:min(960px,100%)!important;}
.player-window,.hero-player{box-shadow:0 26px 66px rgba(4,17,30,.24)!important;}
.home-hero .player-window,.home-hero .hero-player{max-width:var(--v66-stage-max)!important;min-height:clamp(380px,28vw,510px)!important;}
.player-topbar{min-height:44px!important;}
.player-center .play-triangle{font-size:clamp(3rem,4.2vw,4.8rem)!important;}
.player-main-copy{font-size:clamp(1rem,1.05vw,1.12rem)!important;}
.playlist-tabs{max-width:min(1200px,100%)!important;box-shadow:var(--v66-soft-shadow)!important;}
.tabs button{font-size:.95rem!important;}
.section{padding:clamp(46px,4.6vw,74px) 0!important;}
.section-tight{padding:clamp(26px,3vw,46px) 0!important;}
.section-head{max-width:860px!important;margin-bottom:clamp(22px,2.4vw,34px)!important;}
.section-head h2{font-size:clamp(1.7rem,2.45vw,2.7rem)!important;}
.section-head p{font-size:clamp(.98rem,.98vw,1.06rem)!important;line-height:1.55!important;}
.card,.soft-card,.tool-group,.article-card,.hub-card,.answer-panel,.operation-stage,.stage-primary-panel,.stage-result-panel{box-shadow:var(--v66-soft-shadow)!important;}
.card,.soft-card{padding:clamp(20px,1.8vw,28px)!important;}
.grid-3{gap:clamp(14px,1.5vw,22px)!important;}
.compact-hero .hero-inner,.reference-hero .hero-inner{padding-top:clamp(24px,2.8vw,42px)!important;padding-bottom:clamp(18px,2vw,32px)!important;}
.compact-hero h1,.reference-hero h1{font-size:clamp(2.35rem,4.2vw,4.45rem)!important;max-width:min(1120px,100%)!important;}
.compact-hero .lead,.reference-hero .lead{font-size:clamp(.96rem,1.02vw,1.08rem)!important;max-width:900px!important;}
.compact-hero .notice,.reference-hero .notice{max-width:min(920px,100%)!important;}
.operation-stage{max-width:min(1480px,100%)!important;margin-inline:auto!important;padding:clamp(22px,2.1vw,36px)!important;}
.stage-toolbar h2{font-size:clamp(1.85rem,2.65vw,3.15rem)!important;}
.stage-toolbar p{max-width:860px!important;}
.stage-primary-panel,.stage-result-panel{padding:clamp(18px,1.7vw,28px)!important;}
.stage-queue{min-height:clamp(140px,10vw,230px)!important;}
.boundary-grid,.stage-settings-grid,.converter-stage .stage-settings-grid{gap:clamp(10px,1vw,14px)!important;}
.tool-card-grid{gap:clamp(14px,1.4vw,20px)!important;}
.tool-card-op{min-height:155px!important;padding:18px!important;border-radius:22px!important;}
.tool-card-op strong{font-size:clamp(1.05rem,1.12vw,1.2rem)!important;}
.tool-card-op p{font-size:.94rem!important;}
.content-hero h1,.article-hero h1{font-size:clamp(1.95rem,2.7vw,2.85rem)!important;letter-spacing:-.045em!important;}
.content-hero .lead,.article-hero .lead{font-size:clamp(.98rem,1vw,1.06rem)!important;line-height:1.56!important;max-width:760px!important;}
.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:clamp(14px,1.5vw,20px)!important;}
.hub-card{padding:18px!important;min-height:0!important;}
.hub-card h3{font-size:1.12rem!important;line-height:1.18!important;}
.hub-card p{line-height:1.52!important;}
.article-shell{padding-top:clamp(26px,3vw,46px)!important;}
.article-body,.refined-article{max-width:var(--v66-reader-max)!important;}
.refined-article h2{font-size:clamp(1.38rem,1.7vw,1.78rem)!important;}
.refined-article h3{font-size:clamp(1.05rem,1.08vw,1.16rem)!important;}
.refined-article p,.refined-article li{font-size:clamp(.98rem,.84vw,1.02rem)!important;line-height:1.72!important;}
.article-jump{max-width:min(980px,100%)!important;margin-inline:auto!important;}
.answer-panel{padding:clamp(18px,1.8vw,26px)!important;}
.share-strip{padding:14px!important;gap:8px!important;}
.share-strip a,.share-strip button{font-size:.9rem!important;padding:9px 12px!important;}
.footer-cta{padding:clamp(28px,3vw,46px) 0!important;}
.footer-cta h2{font-size:clamp(1.45rem,2.1vw,2.05rem)!important;}
.site-footer{padding:34px 0 24px!important;}
.footer-grid{grid-template-columns:repeat(6,minmax(120px,1fr))!important;gap:18px!important;}
.footer-grid h3{font-size:.92rem!important;margin-bottom:8px!important;}
.footer-grid a{font-size:.86rem!important;margin:7px 0!important;line-height:1.3!important;}
.footer-brand{font-size:.88rem!important;margin-top:24px!important;padding-top:16px!important;}
@media(max-width:1180px){
  .mega-menu.grouped-mega{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media(max-width:720px){
  body{font-size:.96rem!important;}
  .container,.container-wide,.header-inner{width:calc(100% - 22px)!important;}
  .header-inner{min-height:62px!important;gap:8px!important;}
  .brand{font-size:1.02rem!important;}
  .mobile-menu-toggle,.lang-pill{padding:8px 12px!important;font-size:.92rem!important;}
  .main-nav.open{left:11px!important;right:11px!important;top:68px!important;max-height:calc(100vh - 84px)!important;overflow:auto!important;}
  .mega-menu.grouped-mega{position:static!important;width:100%!important;grid-template-columns:1fr!important;padding:10px!important;box-shadow:none!important;margin-top:8px!important;}
  .home-hero h1{font-size:clamp(2.08rem,8.4vw,2.8rem)!important;line-height:.98!important;}
  .home-hero .lead{font-size:.94rem!important;line-height:1.42!important;}
  .home-hero .hero-inputbar,.home-hero .inputbar{grid-template-columns:1fr 1fr!important;}
  .home-hero .player-window,.home-hero .hero-player{min-height:200px!important;border-radius:22px!important;}
  .player-topbar{padding:9px 12px!important;min-height:40px!important;}
  .player-center{padding:12px 10px!important;}
  .player-center .play-triangle{font-size:2.8rem!important;}
  .player-main-copy{font-size:.94rem!important;}
  .player-controls{padding:8px 12px!important;}
  .playlist-tabs{padding:10px!important;border-radius:20px!important;}
  .tabs{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important;border-radius:16px!important;}
  .tabs button{font-size:.78rem!important;padding:8px 4px!important;line-height:1.15!important;}
  .empty-state{min-height:82px!important;font-size:.92rem!important;}
  .compact-hero h1,.reference-hero h1{font-size:clamp(2.02rem,8.6vw,2.72rem)!important;}
  .compact-hero .lead,.reference-hero .lead{-webkit-line-clamp:4!important;}
  .compact-hero .hero-actions,.reference-hero .hero-actions,.stage-actions{grid-template-columns:1fr!important;}
  .operation-stage{padding:14px!important;border-radius:22px!important;}
  .stage-toolbar h2{font-size:clamp(1.55rem,7.4vw,2.2rem)!important;}
  .stage-primary-panel,.stage-result-panel{padding:14px!important;}
  .stage-settings-grid,.converter-stage .stage-settings-grid,.boundary-grid{grid-template-columns:1fr!important;}
  .tool-card-grid,.hub-grid{grid-template-columns:1fr!important;}
  .tool-card-op{min-height:0!important;padding:16px!important;}
  .content-hero h1,.article-hero h1{font-size:clamp(1.65rem,7vw,2.08rem)!important;}
  .content-hero .lead,.article-hero .lead{font-size:.94rem!important;}
  .hub-search{display:grid!important;grid-template-columns:1fr!important;}
  .article-jump{border-radius:16px!important;padding:9px 10px!important;}
  .decision-table table{min-width:520px!important;}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;}
  .footer-brand{display:grid!important;gap:6px!important;}
}
@media(max-width:430px){
  .home-hero h1{font-size:clamp(2rem,8.1vw,2.55rem)!important;}
  .home-hero .lead{font-size:.92rem!important;}
  .btn{padding:11px 14px!important;}
  .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .footer-grid a{font-size:.82rem!important;}
}
/* V6.8 pass 2: mobile input must enter the first practical viewport on downloader/converter pages. */
@media(max-width:720px){
  .downloader-stage .stage-toolbar,.converter-stage .stage-toolbar{margin-bottom:10px!important;}
  .downloader-stage .stage-toolbar h2,.converter-stage .stage-toolbar h2{font-size:clamp(1.36rem,6.4vw,1.78rem)!important;line-height:1.02!important;margin:4px 0 6px!important;letter-spacing:-.04em!important;}
  .downloader-stage .stage-toolbar p,.converter-stage .stage-toolbar p{display:none!important;}
  .downloader-stage .stage-toolbar .mini-label,.converter-stage .stage-toolbar .mini-label{font-size:.82rem!important;padding:6px 10px!important;margin-bottom:6px!important;}
  .downloader-stage .stage-toolbar strong[data-download-status],.converter-stage .stage-toolbar strong{font-size:.85rem!important;padding:6px 10px;border-radius:999px;background:#e9fff3;color:#047857;border:1px solid #a8ebc8;}
}