/* Phone reading layout. Desktop and iPad retain the original vertical rail. */
.gg-mobile-bar,.gg-dock-backdrop{display:none}
@media(max-width:743px){
 html{scroll-padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 body.gg-home,body.gg-inner,body.dock-open{padding-bottom:calc(70px + env(safe-area-inset-bottom,0px))!important}
 .gg-mobile-bar,.gg-mobile-bar *{box-sizing:border-box}
 .gg-mobile-bar{display:grid;grid-template-columns:1fr 1.15fr .85fr;align-items:center;gap:4px;position:fixed;z-index:90;bottom:0;left:0;right:0;padding:6px 10px calc(6px + env(safe-area-inset-bottom,0px));border-top:1px solid #dacba8;background:#fffffff5;box-shadow:0 -3px 17px #3867570d;backdrop-filter:blur(14px);font-family:'Microsoft JhengHei',sans-serif}
 .gg-mobile-bar a,.gg-mobile-bar button{font:500 12px/1.3 'Microsoft JhengHei',sans-serif;display:flex;gap:7px;align-items:center;justify-content:center;width:auto;min-width:0;min-height:44px;margin:0;padding:5px 7px;border:0;border-radius:5px;box-shadow:none;text-decoration:none;color:#365f50;background:transparent;cursor:pointer;transform:none}
 .gg-mobile-bar a:first-child{background:#396e5c;color:white}.gg-mobile-bar a:nth-child(2){background:#eef7f1}.gg-mobile-bar small{display:block;font-size:10px;font-weight:500;margin:2px 0 0;color:#537462}.gg-mobile-bar img{width:27px;height:27px;object-fit:contain}.mobile-entry-icon{font-size:19px;font-weight:400}.gg-mobile-bar :focus-visible{outline:2px solid #3b7f70;outline-offset:1px}
 .quick-input-active .gg-mobile-bar{display:none}
 body.dock-sheet-open{overflow:hidden}
 .gg-dock-backdrop:not([hidden]){display:block;position:fixed;inset:0;z-index:110;background:#1c392e66;backdrop-filter:blur(2px)}
 .original-rail{top:auto;bottom:0;left:0;right:0;width:auto;max-height:calc(100dvh - 24px);transform:none;filter:drop-shadow(0 -4px 18px #33697718);overflow:auto;overscroll-behavior:contain;z-index:120;border-radius:18px 18px 0 0}
 .original-rail[hidden]{display:none}
 body:not(.dock-sheet-open) .original-rail{display:none}
 .original-rail .rail-mascot{position:absolute;top:15px;left:20px;width:33px;height:33px;border:0;margin:0;box-shadow:none;background:none}
 .original-rail .rail-mascot img{width:31px;height:31px}
 .original-rail .gg-dock-panel{padding:20px 18px calc(23px + env(safe-area-inset-bottom,0px));border:1px solid #dae7df;border-bottom:0;border-radius:18px 18px 0 0;background:linear-gradient(140deg,#fff,#f0f8f4)}
 .original-rail strong{text-align:left;padding-left:43px;font-size:15px;line-height:25px;margin:0 0 23px;color:#365f50}
 .original-rail nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .original-rail nav a{min-height:52px;font-size:13px;padding:9px 7px;border:1px solid #d5e4db;border-radius:6px;box-shadow:none;white-space:normal;line-height:1.4;background:#fff;color:#3b6454}
 .original-rail nav a.reserve{background:#faf5e9;border-color:#e1d4b5}.original-rail nav .social{background:#edf7f2}.original-rail nav .discord{background:#7278d8;color:#fff}.original-rail nav small{font-size:10px;margin:2px 0 0}.original-rail .rail-label{display:inline;margin-left:4px;white-space:normal}
 .original-rail .gg-dock-close{position:absolute;right:13px;top:10px;width:44px;height:44px;min-height:44px;margin:0;background:#e8f1ec;color:transparent;transform:none;font-size:0;border-radius:50%}.original-rail .gg-dock-close:after{content:'×';color:#416450;font:26px/1 Arial,sans-serif}
 .gg-dock-toggle,.gg-dock-toggle[aria-expanded=false]{display:none}
 .gg-header{z-index:80}
 .gg-nav.is-open{max-height:calc(100dvh - 74px);padding-bottom:30px}
 .gg-home main p,.gg-inner main p{font-size:14px;line-height:1.95;color:#526d60}
 .gg-home .intro{font-size:15px;line-height:1.95}
 .gg-home .ed-paths{grid-template-columns:1fr;gap:24px}
 .gg-home .ed-path{position:relative;padding-left:38px}
 .gg-home .ed-path>span{position:absolute;left:0;top:19px;font-size:21px}
 .gg-home .ed-path h3{font-size:24px;margin:5px 0 9px}
 .gg-home .ed-path small,.gg-home .ed-path b,.gg-home .ed-auction .text-link{font-size:13px}
 .gg-home .ed-path p{margin-bottom:12px}
 .gg-home .ed-footnote{font-size:12px}
 .gg-home .ed-steps p,.gg-home .ed-ai{font-size:14px}
 .gg-home .v2-job-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .gg-home .v2-job-tabs button{min-width:0;min-height:44px;padding:10px 5px;font-size:14px}
 .gg-home .v2-job-art img{object-fit:contain}
 .gg-home .faq-section summary,.qa-item summary{font-size:15px;line-height:1.8;padding-top:16px;padding-bottom:16px}
 .gg-inner :is(input,select,textarea){font-size:16px}
 .gg-inner .ip-hero h1{font-size:clamp(26px,7.6vw,32px);line-height:1.6;letter-spacing:.5px}
 .reading-phrase{display:inline-block}
 .gg-inner .ip-hero p,.gg-inner .ip-hero .sub{font-size:14px}
 .gg-inner :is(h1,h2,h3,p,a,td,th){overflow-wrap:break-word}
 .ip-guide table.compare{display:block;border:0;border-radius:0;box-shadow:none;background:transparent}
 .ip-guide table.compare thead{display:none}
 .ip-guide table.compare tbody{display:grid;gap:15px}
 .ip-guide table.compare tr{display:block;background:white;border:1px solid #d7e4de;border-radius:10px;padding:17px 19px}
 .ip-guide table.compare td{display:block;width:100%;padding:0;border:0;font-size:14px;line-height:1.9}
 .ip-guide table.compare td:first-child{font-size:16px;margin-bottom:9px;color:#315e54}
 .ip-guide table.compare td small{font-size:12px;margin-top:7px}
 .gg-footer .gg-legal{font-size:12px}
}
@media(max-width:374px){
 .gg-header{padding-inline:10px;gap:6px}
 .gg-header .gg-brand{font-size:21px;letter-spacing:1px}
 .gg-header .gg-brand img{width:34px}
 .gg-header .gg-start{padding:11px 9px;font-size:11px}
 .gg-home h1{font-size:29px}
 .gg-home .hero-actions{gap:12px;flex-wrap:wrap}
}
