:root{--bg:#F4FAFC;--surface:#fff;--soft:#E7F3F6;--ink:#0E3A46;--body:#24505A;--sub:#4A7380;--muted:#7096A1;--sea:#1A7F8F;--bright:#2BB3C4;--deep:#0F5B68;--pale:#D7EEF2;--line:rgba(26,127,143,.16);--shadow:0 14px 34px rgba(14,58,70,.08);--container:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:146px}body{margin:0;min-width:280px;background:var(--bg);color:var(--body);font:16px/1.83 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}body.layer-open{overflow:hidden}h1,h2,h3,h4,p,figure,ul,ol{margin-top:0}h1,h2,h3,h4{color:var(--ink);letter-spacing:-.03em;line-height:1.35}h1{font-size:clamp(28px,3vw,34px);font-weight:760}h2{font-size:clamp(23px,2.25vw,29px)}h3{font-size:19px}p{margin-bottom:1em}a{color:inherit;text-decoration:none}a:hover{color:var(--sea)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--bright);outline-offset:3px}svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}img{max-width:100%;height:auto}.page-container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.section-block{margin-top:68px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-header h2{margin:6px 0 0}.section-header p{max-width:520px;color:var(--sub);margin:0}.section-link{color:var(--sea);font-weight:680;white-space:nowrap;display:inline-flex;align-items:center;gap:10px}.section-link:after{content:'↗';font-size:20px}.overline,.eyebrow{display:inline-flex;color:var(--sea);font-size:12px;font-weight:780;letter-spacing:.11em}.eyebrow:before{content:'';display:block;background:var(--bright);width:21px;height:3px;align-self:center;margin-right:9px;border-radius:3px}.section-note{font-size:14px;color:var(--sub)}.surface-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.text-link{font-size:14px;color:var(--sea);font-weight:750;display:inline-flex;gap:10px;align-items:center}.text-link::after{content:'↗';font-size:17px}.buttons{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:45px;align-items:center;justify-content:center;padding:9px 19px;border-radius:10px;font-weight:750;font-size:14px;white-space:nowrap;line-height:1.4;border:1px solid transparent}.button--primary{color:#fff;background:linear-gradient(135deg,#2BB3C4 0%,#1A7F8F 55%,#0F5B68 100%)}.button--primary:hover{color:#fff;filter:brightness(1.06)}.button--secondary{color:var(--deep);background:#fff;border-color:var(--line)}.button--secondary:hover{background:var(--soft)}.skip-link{position:fixed;top:-90px;left:12px;z-index:300;background:#fff;color:var(--ink);padding:9px 14px}.skip-link:focus{top:10px}
/* Header backgrounds deliberately extend across the full viewport. */
.site-header{position:sticky;top:0;z-index:60;width:100%;max-width:100%;background:#fff;box-shadow:0 4px 16px rgba(14,58,70,.045)}.tide-line{height:22px;color:#fff;background:var(--deep)}.tide-inner{height:22px;max-width:1180px;margin:auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;position:relative}.tide-inner>span{font-size:10px;font-weight:620;letter-spacing:.065em;line-height:22px}.tide-inner b{font-weight:450;color:#d9f3f5}.icon-button{border:0;background:transparent;color:inherit}.tide-search{height:44px;width:44px;display:grid;place-items:center;position:absolute;top:0;right:18px;z-index:1;border-radius:9px}.tide-search:hover{background:rgba(255,255,255,.09);color:#fff}.tide-search svg{width:16px;height:16px;transform:translateY(-11px)}.lighthouse-bar{height:68px;background:var(--surface);width:100%;border-bottom:1px solid var(--line)}.lighthouse-inner{height:100%;max-width:1180px;margin:auto;padding:0 20px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.brand-link{justify-self:start;min-width:0;display:inline-flex;align-items:center}.brand-lockup{display:flex;align-items:center;gap:10px;min-width:0}.brand-wordmark{font-size:25px;font-weight:860;letter-spacing:-.09em;color:var(--deep);white-space:nowrap}.brand-en{font-size:10px;line-height:1.15;letter-spacing:.18em;color:var(--sea);font-weight:800;max-width:45px}.brand-image{display:block;width:auto;max-width:170px;max-height:36px;object-fit:contain}.brand-lockup--small .brand-wordmark{font-size:23px}.brand-lockup--small .brand-image{max-height:32px}.drawer-trigger{align-items:center;display:flex;gap:9px;justify-content:center;height:44px;border:1px solid var(--line);background:var(--soft);color:var(--deep);border-radius:10px;padding:0 13px;font-size:14px;font-weight:780;white-space:nowrap}.drawer-trigger svg{width:19px;height:19px}.drawer-trigger small{font-size:11px;color:var(--sub);font-weight:500}.drawer-trigger:hover{border-color:var(--sea)}.header-app{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:linear-gradient(135deg,var(--bright),var(--deep));color:#fff;border-radius:10px;min-height:44px;padding:0 14px;font-size:13px;font-weight:780;white-space:nowrap;align-self:end;margin-bottom:2px}.header-app:hover{color:#fff;filter:brightness(1.04)}.header-app span{font-size:18px}.shore-nav{height:44px;background:var(--soft);border-bottom:1px solid var(--line)}.shore-nav-inner{max-width:1180px;height:100%;margin:auto;padding:0 20px;display:flex;align-items:center;gap:6px}.shore-nav a{font-size:13px;font-weight:710;color:var(--deep);line-height:1;display:flex;align-items:center;padding:8px 16px;border-radius:7px;min-height:32px;white-space:nowrap}.shore-nav a:hover{background:#d4ebef}.shore-nav a.active{background:var(--sea);color:white}
/* Natural document scroll and site composition. */
.site-main{padding:26px 0 78px;min-height:60vh}.hero-home{margin-top:0}.hero-image{position:relative}.hero-image .image-shell{margin:0}.home-hero-copy{padding:21px 0 14px;display:flex;gap:30px;align-items:flex-end;justify-content:space-between}.home-hero-copy>.hero-left{max-width:780px}.home-hero-copy h1{font-size:clamp(30px,4vw,44px);margin:5px 0 14px;line-height:1.2}.home-hero-copy p{max-width:760px;color:var(--sub);margin:0;line-height:1.9}.home-hero-copy .buttons{flex-shrink:0;margin-bottom:4px}.image-shell{margin:0;background:var(--soft);border:1px solid var(--line);border-radius:16px;overflow:hidden;position:relative;min-width:0}.image-shell img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.image-shell--banner{height:min(28vw,320px);min-height:218px;border-radius:18px}.image-shell--landscape{height:230px}.image-shell--section{height:245px}.image-shell--compact{height:190px}.image-shell--square{height:260px}.image-shell--tall{height:390px;max-width:330px}.image-shell--mini{height:112px}.image-placeholder{position:relative;width:100%;height:100%;isolation:isolate;background:linear-gradient(155deg,#d9f0f3 0%,#ecf8fa 51%,#f6fbfc 100%);overflow:hidden}.image-placeholder:before{content:'';position:absolute;inset:14px;border:1px solid rgba(15,91,104,.12);border-radius:9px}.sun-disc{position:absolute;width:min(15%,120px);aspect-ratio:1;border-radius:100%;background:#c5e8ee;right:17%;top:19%;box-shadow:0 0 0 26px rgba(220,242,246,.7)}.far-shore{position:absolute;bottom:26%;left:-5%;width:115%;height:45%;background:#add4db;clip-path:polygon(0 69%,13% 51%,28% 62%,38% 37%,55% 58%,70% 43%,88% 52%,100% 34%,100% 100%,0 100%);opacity:.72}.near-shore{position:absolute;bottom:-6%;left:-4%;width:114%;height:44%;background:linear-gradient(90deg,#389cac,#0f7282);clip-path:polygon(0 40%,15% 58%,32% 35%,49% 51%,65% 27%,84% 38%,100% 18%,100% 100%,0 100%);opacity:.52}.image-shell--banner .far-shore{bottom:12%;height:42%}.image-shell--banner .near-shore{height:38%}.image-shell--tall .image-placeholder:before{inset:12px}.image-shell--tall .far-shore{bottom:34%}.image-shell--tall .near-shore{height:38%}.image-shell--mini .sun-disc{width:34px}
.interest-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.interest-chip{padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff;display:block;min-width:0}.interest-chip:nth-child(2n){background:var(--soft)}.interest-chip:nth-child(3n){background:var(--pale)}.interest-chip .chip-index{display:inline-flex;width:29px;height:29px;align-items:center;justify-content:center;background:var(--sea);color:#fff;border-radius:8px;font-size:12px;font-weight:750;margin-right:8px}.interest-chip:nth-child(2n) .chip-index{background:var(--deep)}.interest-chip h3{display:inline;font-size:17px}.interest-chip p{font-size:13px;line-height:1.75;margin:9px 0 0;color:var(--sub)}.interest-chip:hover{border-color:var(--bright);transform:translateY(-1px)}
.feature-split{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:27px;align-items:start}.feature-split--reverse{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)}.feature-text{padding:4px 0}.feature-text p{line-height:1.95}.numbered-links{counter-reset:link-item;list-style:none;margin:21px 0 0;padding:0;border-top:1px solid var(--line)}.numbered-links li{counter-increment:link-item;border-bottom:1px solid var(--line)}.numbered-links li a{min-height:45px;display:flex;align-items:center;gap:12px;padding:8px 0;font-size:15px;font-weight:670}.numbered-links li a:before{content:counter(link-item,decimal-leading-zero);color:var(--sea);font-size:12px;font-weight:800;letter-spacing:.05em}.numbered-links li a:after{content:'↗';margin-left:auto;color:var(--sea)}.long-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.long-board{min-width:0;overflow:hidden}.long-board .image-shell{border:0;border-radius:14px 14px 0 0}.long-board .board-body{padding:21px}.long-board h3{margin:2px 0 9px}.long-board p{font-size:14px;color:var(--sub);line-height:1.85}.editorial-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0 0}.editorial-list article,.state-grid article,.frame-tile,.rule-card{padding:20px;border-radius:13px;background:#fff;border:1px solid var(--line)}.editorial-list h3,.state-grid h3{font-size:17px;margin:0 0 7px}.editorial-list p,.state-grid p{font-size:14px;line-height:1.86;color:var(--sub);margin:0}.state-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.state-grid article{background:var(--soft)}.state-grid .state-symbol{font-size:26px;color:var(--sea);font-weight:700;line-height:1.2;display:block;margin-bottom:12px}.atlas-lines{border-top:1px solid var(--line);margin-top:20px}.atlas-lines a{display:flex;gap:16px;padding:18px 10px;border-bottom:1px solid var(--line);align-items:center}.atlas-lines a span:first-child{width:50px;font-size:12px;letter-spacing:.1em;color:var(--sea);font-weight:850}.atlas-lines a strong{font-size:18px}.atlas-lines a em{font-style:normal;color:var(--sub);font-size:13px;margin-left:auto}.atlas-lines a:after{content:'↗';color:var(--sea)}.four-frames{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.frame-tile{padding:12px}.frame-drawing{height:104px;border-radius:9px;background:linear-gradient(164deg,#d7ebed,#eef7f8 56%,#91c8d0);position:relative;overflow:hidden}.frame-drawing:after{content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:#4297a5;opacity:.57;clip-path:polygon(0 70%,20% 35%,47% 50%,75% 10%,100% 37%,100% 100%,0 100%)}.frame-tile:nth-child(2) .frame-drawing{background:linear-gradient(160deg,#c6e8eb,#fff5ec 70%,#d2d9d6)}.frame-tile:nth-child(3) .frame-drawing{background:linear-gradient(170deg,#dceff1,#aad1d7 57%,#74a9af)}.frame-tile:nth-child(4) .frame-drawing{background:linear-gradient(155deg,#e1eff2,#f7fbfa 40%,#81b7c0)}.frame-tile h3{font-size:16px;margin:13px 0 5px}.frame-tile p{font-size:13px;color:var(--sub);margin:0}.app-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.55fr);gap:45px;align-items:center;background:linear-gradient(125deg,#e2f3f6,#fff);border:1px solid var(--line);border-radius:18px;padding:30px}.app-panel .image-shell{justify-self:center;width:min(100%,300px);background:#e2f1f3}.app-panel .app-small-brand{display:flex;align-items:center;gap:10px;margin-bottom:13px}.app-icon-fallback{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:linear-gradient(145deg,var(--bright),var(--deep));color:#fff;font-size:23px;font-weight:850}.app-small-brand img{height:55px;width:55px;object-fit:contain}.legal-home{display:grid;grid-template-columns:1fr 1fr;gap:18px}.legal-home .rule-card{background:#fff;padding:25px}.legal-home p{color:var(--sub);line-height:1.95}.legal-home h3{margin-bottom:10px}.home-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-faq article{padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.home-faq h3{font-size:17px;margin-bottom:9px}.home-faq p{font-size:14px;color:var(--sub);margin:0}.brand-pledge{border-radius:16px;background:var(--deep);padding:38px;color:#e9f6f8}.brand-pledge h2,.brand-pledge h3{color:#fff}.brand-pledge p{color:#e1f1f3;max-width:970px;line-height:2}
/* Editorial inner pages: distinct layouts based on subject matter. */
.inner-hero{padding:35px 0 29px;border-bottom:1px solid var(--line);margin-bottom:26px}.inner-hero .overline{margin-bottom:15px}.inner-hero h1{max-width:900px;margin-bottom:14px}.inner-hero p{font-size:16px;max-width:900px;color:var(--sub);line-height:2;margin-bottom:0}.breadcrumb{font-size:12px;letter-spacing:.06em;color:var(--sub);margin-bottom:8px}.breadcrumb a{color:var(--sea)}.inner-hero--feature{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,.72fr);gap:24px;align-items:center}.inner-hero--feature .image-shell{height:222px}.inner-content{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:27px;align-items:start}.inner-content--no-aside{grid-template-columns:minmax(0,1fr)}.reading-rail{position:sticky;top:155px;padding:22px;background:#fff;border-radius:14px;border:1px solid var(--line)}.reading-rail h2{font-size:17px;margin:0 0 11px}.reading-rail a{display:block;padding:11px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5;font-weight:690;color:var(--deep)}.reading-rail a:last-child{border:0}.reading-rail a:hover{color:var(--sea)}.reading-rail .rail-note{font-size:12px;line-height:1.8;color:var(--sub);padding-top:10px;margin:0}.content-lead{font-size:17px;line-height:2;color:var(--ink);margin-bottom:23px}.article-section{padding:28px 0;border-top:1px solid var(--line);min-width:0}.article-section h2{font-size:22px;display:flex;align-items:center;gap:12px;margin-bottom:15px}.article-section h2 .section-num{display:inline-flex;align-items:center;justify-content:center;background:var(--soft);color:var(--sea);font-size:12px;font-weight:840;border-radius:8px;width:40px;height:33px;flex-shrink:0}.article-section p{line-height:2;font-size:15.8px;color:var(--body);margin:0 0 14px}.article-section p:last-child{margin-bottom:0}.article-section--colored{background:#fff;padding:25px;border:1px solid var(--line);border-radius:14px;margin:12px 0;border-top:1px solid var(--line)}.article-section--colored h2{margin-bottom:15px}.page-current .article-section{border-left:3px solid var(--bright);padding-left:18px;margin-bottom:8px}.page-trip .article-section{padding:35px 4%}.page-interest .article-section,.page-club .article-section{background:#fff;border:1px solid var(--line);padding:26px;border-radius:14px;margin-bottom:16px}.page-diary .article-section{position:relative;padding-left:36px;border-left:2px solid var(--pale);border-top:0}.page-diary .article-section:before{content:'';position:absolute;left:-7px;top:33px;width:12px;height:12px;background:var(--bright);border:2px solid #fff;border-radius:50%}.page-window .article-section:nth-child(odd),.page-yard .article-section:nth-child(even){background:var(--soft);border-radius:14px;padding:27px}.page-atlas .article-section{border-bottom:1px solid var(--line);display:grid;grid-template-columns:190px 1fr;column-gap:22px}.page-atlas .article-section h2{align-self:start;margin-top:0}.page-atlas .article-section p{grid-column:2}.page-kit .article-section,.page-install .article-section,.page-bench .article-section{padding-left:22px;border-left:3px solid var(--bright);margin:12px 0}.page-frames .article-section{background:#fff;padding:23px;border:1px solid var(--line);border-radius:12px;margin-bottom:15px}.page-frames .article-section:before{content:'';display:block;width:100%;height:56px;border-radius:8px;background:linear-gradient(130deg,#d2ecee,#f7fbfa 65%,#95cbd3);margin-bottom:19px}.page-dusk .article-section h2{font-family:Georgia,"Noto Serif CJK SC",serif}.page-app .article-section:nth-of-type(even){background:var(--soft);padding:24px;border-radius:14px}.page-about .article-section{margin-bottom:7px}.page-security .article-section,.page-privacy .article-section,.page-rules .article-section{margin-bottom:6px}.page-feedback .article-section:nth-child(even),.page-help .article-section:nth-child(even){background:#fff;border-radius:14px;padding:24px}.page-faq .faq-collection{max-width:1000px;margin-inline:auto}.faq-item{border:1px solid var(--line);background:#fff;border-radius:13px;margin-bottom:12px;padding:0 20px}.faq-item summary{cursor:pointer;list-style:none;position:relative;min-height:58px;display:flex;align-items:center;padding:13px 32px 13px 0;color:var(--ink);font-size:16px;font-weight:720}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:1px;color:var(--sea);font-size:24px;font-weight:400}.faq-item[open] summary:after{content:'−'}.faq-item p{padding:0 2px 21px;margin:0;font-size:15px;line-height:1.95;color:var(--body)}.page-next{margin-top:28px;background:var(--soft);padding:24px;border-radius:14px;border:1px solid var(--line)}.page-next h2{font-size:18px;margin-bottom:12px}.page-next .page-next-links{display:flex;gap:10px;flex-wrap:wrap}.page-next-links a{background:#fff;padding:9px 15px;border-radius:9px;min-height:42px;font-size:13px;font-weight:720;color:var(--deep)}.page-next-links a:hover{background:var(--pale)}
/* Footer and interactive overlays. */
.site-footer{background:var(--ink);color:#D4E8EC;padding:42px 0 0}.footer-main{display:grid;grid-template-columns:minmax(210px,.9fr) minmax(0,2fr);gap:58px;padding-bottom:35px}.footer-brand a{display:inline-block;color:#fff}.footer-brand .brand-wordmark{color:#fff}.footer-brand .brand-en{color:#b5e0e5}.footer-brand p{font-size:13px;line-height:1.9;margin:18px 0 0;color:#c5e1e5}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.footer-links h2{font-size:15px;color:#fff;margin:2px 0 11px}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{line-height:1.5;margin:10px 0}.footer-links a{font-size:12px;color:#cae0e5}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.15);padding:20px 0 25px;font-size:12px;color:#c3dce1}.footer-bottom p{margin:0 0 7px}.layer-scrim{position:fixed;inset:0;background:rgba(5,42,54,.53);backdrop-filter:blur(3px);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s}.layer-open .layer-scrim{opacity:1;visibility:visible;pointer-events:auto}.drawer-panel{position:fixed;left:0;top:0;bottom:0;z-index:80;width:min(360px,86vw);background:#fff;box-shadow:10px 0 50px rgba(0,0,0,.14);transform:translateX(-103%);opacity:0;visibility:hidden;pointer-events:none;transition:transform .25s,opacity .25s,visibility .25s;display:flex;flex-direction:column}.drawer-open .drawer-panel{transform:translateX(0);opacity:1;visibility:visible;pointer-events:auto}.drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);padding:14px 20px;flex-shrink:0;min-height:77px}.close-control{display:grid;place-items:center;width:42px;height:42px;background:var(--soft);border:1px solid var(--line);color:var(--ink);border-radius:10px;font-size:27px;line-height:1}.close-control:hover{color:var(--sea);background:var(--pale)}.drawer-scroll{overflow-y:auto;overscroll-behavior:contain;padding:20px;min-height:0}.drawer-intro{color:var(--sub);font-size:13px;margin-bottom:17px}.drawer-group{margin-bottom:28px}.drawer-group h2{font-size:12px;color:var(--sea);letter-spacing:.12em;margin-bottom:7px;padding-left:1px}.drawer-link-list>a{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);gap:12px;color:var(--ink)}.drawer-link-list>a span{font-weight:730;font-size:15px;line-height:1.5}.drawer-link-list>a small{display:block;color:var(--sub);font-size:11px;line-height:1.8;font-weight:450;margin-top:3px}.drawer-link-list>a b{font-size:17px;color:var(--sea);font-weight:450}.drawer-link-list>a[aria-current="page"] span{color:var(--sea)}.search-panel{position:fixed;z-index:82;top:90px;right:max(20px,calc((100vw - 1180px)/2));width:min(520px,calc(100vw - 40px));padding:26px;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:0 0 16px 16px;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-9px);transition:opacity .2s,transform .2s,visibility .2s}.search-open .search-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.search-top{display:flex;justify-content:space-between;align-items:center}.search-panel h2{font-size:23px;margin:10px 0 12px}.search-panel label{display:block;color:var(--sub);font-size:14px;margin-bottom:9px}.search-input-wrap{height:50px;border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid var(--line);background:var(--bg)}.search-input-wrap svg{color:var(--sea);flex:0 0 auto}.search-input-wrap input{min-width:0;width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:15px}.search-hint{font-size:13px;color:var(--sub);margin:20px 0 10px}.search-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.search-shortcuts a{display:flex;justify-content:space-between;min-height:43px;align-items:center;background:var(--soft);padding:7px 12px;border-radius:9px;color:var(--deep);font-size:13px;font-weight:730}.search-shortcuts a:hover{background:var(--pale)}.search-shortcuts a[hidden]{display:none}.search-empty{font-size:14px;color:var(--sub);margin:12px 0 0}.search-empty[hidden]{display:none}.mobile-bottom{display:none}
@media(max-width:1040px){.section-block{margin-top:57px}.feature-split{gap:20px}.footer-main{gap:24px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.inner-content{grid-template-columns:minmax(0,1fr) 215px;gap:19px}.reading-rail{top:151px}.long-boards{gap:13px}}
@media(max-width:740px){html{scroll-padding-top:106px}.site-header{z-index:60}.shore-nav{display:none}.site-main{padding-top:21px;padding-bottom:98px}.tide-inner{padding-inline:16px}.tide-search{right:13px}.lighthouse-inner{padding-inline:16px;gap:5px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.brand-wordmark{font-size:20px}.brand-en{font-size:8px;letter-spacing:.05em;max-width:32px}.brand-lockup{gap:5px}.brand-image{max-width:111px;max-height:30px}.drawer-trigger{padding:0 10px;font-size:13px;gap:5px}.drawer-trigger svg{width:16px;height:16px}.drawer-trigger small{display:none}.header-app{padding:0 9px;font-size:12px;gap:3px}.header-app span{font-size:14px}.page-container{width:calc(100% - 32px)}.section-block{margin-top:47px}.section-header{align-items:start;gap:9px}.section-header h2{font-size:23px}.section-header p{font-size:13px}.section-link{font-size:13px}.home-hero-copy{display:block;padding-top:19px}.home-hero-copy h1{font-size:30px}.home-hero-copy .buttons{margin-top:16px}.interest-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.interest-chip{padding:14px}.interest-chip h3{font-size:15px}.interest-chip p{font-size:12px}.feature-split,.feature-split--reverse{grid-template-columns:minmax(0,1fr)}.feature-split--reverse .image-shell{grid-row:1}.long-boards{grid-template-columns:minmax(0,1fr)}.long-board{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:stretch}.long-board .image-shell{height:100%;min-height:210px;border-radius:13px 0 0 13px}.long-board .board-body{padding:17px}.state-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.four-frames{grid-template-columns:repeat(2,minmax(0,1fr))}.app-panel{grid-template-columns:minmax(0,1fr) minmax(0,.6fr);padding:20px;gap:16px}.app-panel .image-shell{max-height:290px}.footer-main{grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.footer-links h2{font-size:13px}.footer-links a{font-size:11px}.footer-bottom{padding-bottom:24px}.inner-hero{padding:20px 0 23px;margin-bottom:20px}.inner-hero--feature{grid-template-columns:1fr}.inner-hero--feature .image-shell{height:205px}.inner-content{grid-template-columns:minmax(0,1fr)}.reading-rail{position:static;display:none}.article-section{padding:23px 0}.article-section h2{font-size:20px}.page-atlas .article-section{display:block}.page-atlas .article-section p{grid-column:auto}.search-panel{top:0;left:0;right:0;bottom:0;width:100%;border-radius:0;padding:25px 18px;background:var(--soft);overflow-y:auto}.mobile-bottom{height:calc(50px + env(safe-area-inset-bottom));position:fixed;z-index:55;bottom:0;left:0;right:0;background:#fff;box-shadow:0 -4px 15px rgba(14,58,70,.09);border-top:1px solid var(--line);padding:0 6px env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.mobile-bottom a{min-height:50px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;font-size:19px;line-height:1;border-radius:8px;color:var(--sub)}.mobile-bottom a span{line-height:1.2}.mobile-bottom a small{font-size:10px;margin-top:1px}.mobile-bottom a.is-current{color:#fff;background:var(--sea)}.site-footer{padding-bottom:calc(50px + env(safe-area-inset-bottom))}}
@media(max-width:400px){.brand-wordmark{font-size:18px}.brand-en{font-size:7px;max-width:24px}.brand-image{max-width:97px}.drawer-trigger{gap:3px;padding:0 7px}.header-app{padding:0 7px;font-size:11px}.header-app span{display:none}.home-hero-copy h1{font-size:28px}.image-shell--banner{min-height:180px;height:205px}.editorial-list{grid-template-columns:1fr}.state-grid{gap:8px}.state-grid article{padding:14px}.four-frames{gap:9px}.frame-tile{padding:9px}.frame-tile h3{font-size:14px}.frame-drawing{height:79px}.app-panel{grid-template-columns:1fr}.app-panel .image-shell{width:min(100%,210px);max-height:250px}.long-board{grid-template-columns:1fr}.long-board .image-shell{height:175px;min-height:0;border-radius:13px 13px 0 0}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.atlas-lines a{flex-wrap:wrap;gap:9px}.atlas-lines a em{width:100%;margin:0 0 0 59px}.section-header h2{font-size:22px}.home-faq,.legal-home{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
/* Page-specific editorial compositions, always showing the entire content. */
.inner-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.inner-mosaic .article-section{border:1px solid var(--line);background:#fff;border-radius:15px;padding:24px;min-width:0}.inner-mosaic .article-section:nth-child(4n+2){background:var(--soft)}.inner-mosaic .article-section p{font-size:15px;line-height:2}.inner-mosaic .article-section h2{font-size:20px}.inner-essay{max-width:945px;margin:0 auto}.inner-essay .article-section{padding:32px 20px 32px 35px;border-left:2px solid var(--line);border-top:0}.inner-essay .article-section:nth-of-type(2n){background:linear-gradient(90deg,var(--soft),transparent 95%);border-radius:0 12px 12px 0}.inner-essay .article-section h2{font-size:24px}.inner-steps{max-width:1000px}.inner-steps .article-section{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0 25px;padding:30px 0;border-top:1px solid var(--line)}.inner-steps .article-section h2{grid-row:span 2;margin:0;font-size:20px;align-items:start}.inner-steps .article-section h2 .section-num{margin-top:0}.inner-steps .article-section p{grid-column:2}.inner-steps .inset-photo{grid-column:1/-1}.inset-photo{margin:28px 0}.inset-photo .image-shell{max-height:260px}.page-trip .inner-essay{max-width:900px}.page-lane .inner-mosaic .article-section:nth-child(1){grid-column:1/-1;background:var(--soft)}.page-frames .inner-mosaic .article-section:before{content:'';display:block;width:100%;height:58px;border-radius:8px;background:linear-gradient(130deg,#d2ecee,#f7fbfa 65%,#95cbd3);margin-bottom:19px}.page-frames .inner-mosaic .article-section:nth-child(3n):before{background:linear-gradient(130deg,#d7e2df,#f5f7f1 55%,#75b0b9)}.page-yard .inner-mosaic .article-section:nth-of-type(2n){background:var(--soft)}.page-about .inner-essay .article-section{border-left-color:var(--bright)}.page-brand .inner-essay{max-width:950px}.page-app .inner-content .inner-article{background:transparent}.page-contact .inner-content .inner-article .article-section{border-bottom:1px solid var(--line)}
@media(max-width:740px){.inner-mosaic{grid-template-columns:minmax(0,1fr);gap:12px}.page-lane .inner-mosaic .article-section:nth-child(1){grid-column:auto}.inner-mosaic .article-section{padding:21px}.inner-essay .article-section{padding:26px 0 26px 16px}.inner-steps .article-section{display:block;padding:24px 0}.inner-steps .article-section h2{margin:0 0 14px}.inner-steps .article-section p{grid-column:auto}}