html[data-locale-pending] body{visibility:hidden}
.header-note.admin-entry{cursor:pointer}
.header-note.admin-entry:focus-visible{outline:2px solid #859322;outline-offset:5px}
@media(max-width:600px){.site-header .header-note.admin-entry{display:block;grid-column:2;grid-row:1;justify-self:end;font-size:8px;letter-spacing:.06em}.site-header nav{grid-row:2}}
.locale-row{align-items:center;min-height:28px}
.locale-tools{display:flex;align-items:center;gap:22px;min-width:0}
.language-switch{display:grid;grid-template-columns:repeat(4,34px);gap:4px;flex-shrink:0;letter-spacing:0}
.language-switch>a{display:grid;place-items:center;height:28px;border:1px solid #d3d7ca;background:transparent;color:#7a816f;font:11px/1 Arial,'Microsoft YaHei',sans-serif;transition:background .2s,color .2s,border-color .2s;text-decoration:none}
.language-switch>a:hover{border-color:#8f9b70;color:#242622;background:#eff2e7}
.language-switch>a[aria-current=true]{background:#242622;border-color:#242622;color:#f8f8f4}
.language-switch>a:focus-visible{outline:2px solid #859322;outline-offset:3px}
html[data-locale=zh-TW] body{font-family:Light,'Microsoft JhengHei','PingFang TC',Arial,sans-serif}
html[data-locale=zh-TW] :is(h1,h2,h3){font-family:Heavy,'Microsoft JhengHei','PingFang TC',sans-serif}
html[data-locale=zh-TW] .brand{font-family:'Microsoft JhengHei','PingFang TC',sans-serif;font-weight:700}
html[data-locale=ja] body{font-family:'Yu Gothic','Hiragino Kaku Gothic ProN','Meiryo',sans-serif}
html[data-locale=ja] :is(h1,h2,h3){font-family:'Yu Gothic','Hiragino Kaku Gothic ProN','Meiryo',sans-serif;font-weight:700;letter-spacing:-.04em}
html[data-locale=en] :is(h1,h2,h3){font-family:Heavy,Arial,sans-serif}
html[data-locale=en] .hero-copy h1{font-size:clamp(52px,5.5vw,88px);line-height:1.12}
html[data-locale=ja] .hero-copy h1{font-size:clamp(48px,6vw,86px);line-height:1.2}
html[data-locale=en] .suite-intro h1{letter-spacing:-.05em}
html[data-locale=ja] .suite-intro h1{font-size:clamp(32px,3.6vw,56px)}
html[data-locale=en] .suite-intro p{max-width:330px;white-space:normal;flex-shrink:1}
html[data-locale=ja] .suite-intro p{max-width:370px;white-space:normal;flex-shrink:1}
html:is([data-locale=en],[data-locale=ja]) :is(.choice-copy,.choice-details p){max-width:360px}
html:is([data-locale=en],[data-locale=ja]) .ggb-workspace .mini-heading strong{font-size:17px;line-height:1.3}
html:is([data-locale=en],[data-locale=ja]) .ggb-workspace .mini-status{font-size:7px;white-space:nowrap}
html:is([data-locale=en],[data-locale=ja]) .calendar-heading strong{font-size:16px;line-height:1.4}
html[data-locale=en] .suya-register .register-kicker{font-size:8px}
html:is([data-locale=en],[data-locale=ja]) .canvas-footer{flex-wrap:wrap;gap:4px}
html:is([data-locale=en],[data-locale=ja]) .canvas-footer strong{font-size:10px}
html:is([data-locale=en],[data-locale=ja]) .floating-tag{font-size:11px}
html:is([data-locale=en],[data-locale=ja]) .desk-greeting strong{font-size:clamp(16px,1.5vw,23px);line-height:1.4}
html:is([data-locale=en],[data-locale=ja]) .desk-metrics>div>span{font-size:7px;min-height:2.2em;line-height:1.3}
html:is([data-locale=en],[data-locale=ja]) .desk-rooms>span{font-size:6px}
html:is([data-locale=en],[data-locale=ja]) .desk-sticker{font-size:12px}
html[data-locale=en] .feature-tabs>button{font-size:14px;gap:10px}
html[data-locale=ja] .feature-tabs>button{font-size:14px;gap:10px}
html:is([data-locale=en],[data-locale=ja]) .suya-tabs>button{font-size:13px;gap:9px}
html:is([data-locale=en],[data-locale=ja]) .demo-save-state{font-size:8px;min-height:37px}
html:is([data-locale=en],[data-locale=ja]) .entry-types>*{font-size:9px;padding:6px 10px}
html:is([data-locale=en],[data-locale=ja]) .tool-tile small{white-space:normal;display:inline-block;line-height:1.5}
html:is([data-locale=en],[data-locale=ja]) .demo-footnote{line-height:1.6}
@media(max-width:1150px){.locale-tools{gap:14px}html:is([data-locale=en],[data-locale=ja]) .ggb-workspace .mini-heading strong{font-size:16px}}
@media(max-width:800px){html:is([data-locale=en],[data-locale=ja]) .ggb-workspace .mini-heading strong{font-size:15px}html[data-locale=ja] .site-header nav{gap:18px}html:is([data-locale=en],[data-locale=ja]) .floating-tag{font-size:10px}}
@media(max-width:600px){
  .locale-row{gap:12px}.language-switch{grid-template-columns:repeat(4,30px);gap:3px}.language-switch>a{height:28px;font-size:10px}
  .locale-row>.locale-tools{width:100%;justify-content:space-between;gap:12px}
  .section-label.locale-row:has(>.locale-tools){flex-wrap:wrap;row-gap:10px}
  .locale-meta{font-size:8px}
  html[data-locale=ja] .site-header nav{gap:4px;font-size:10px}
  html[data-locale=en] .site-header nav{font-size:10px}
  html[data-locale=en] .suite-intro h1{font-size:clamp(28px,7.5vw,40px);letter-spacing:-.035em}
  html[data-locale=ja] .suite-intro h1{font-size:clamp(25px,6.6vw,36px);letter-spacing:-.045em}
  html:is([data-locale=en],[data-locale=ja]) .suite-intro p{font-size:11px;line-height:1.9;max-width:none}
  html[data-locale=en] .hero-copy h1{font-size:clamp(38px,10.8vw,64px)}
  html[data-locale=ja] .hero-copy h1{font-size:clamp(38px,10vw,56px)}
  html:is([data-locale=en],[data-locale=ja]) .hero-description{font-size:12px}
  html:is([data-locale=en],[data-locale=ja]) .hero-actions{gap:18px}
  html:is([data-locale=en],[data-locale=ja]) .download-button{font-size:11px;padding:12px 14px;gap:18px}
  html:is([data-locale=en],[data-locale=ja]) .text-link{font-size:10px}
  html:is([data-locale=en],[data-locale=ja]) .choice-copy{max-width:290px}
  html:is([data-locale=en],[data-locale=ja]) .calendar-heading strong{font-size:15px}
  html:is([data-locale=en],[data-locale=ja]) .desk-greeting strong{font-size:16px}
  html:is([data-locale=en],[data-locale=ja]) .desk-metrics>div>span{font-size:6px;min-height:2.6em}
  html:is([data-locale=en],[data-locale=ja]) .desk-nav{gap:13px}
  html:is([data-locale=en],[data-locale=ja]) .desk-rooms>span{font-size:5px;padding:5px}
  html:is([data-locale=en],[data-locale=ja]) .desk-sticker{font-size:10px}
  html:is([data-locale=en],[data-locale=ja]) .feature-tabs>button{font-size:11px;gap:7px}
  html:is([data-locale=en],[data-locale=ja]) .feature-tabs>button>span{font-size:7px}
  html:is([data-locale=en],[data-locale=ja]) .suya-tabs>button{font-size:11px;gap:7px}
  html:is([data-locale=en],[data-locale=ja]) .suya-facts{font-size:7px;gap:10px;flex-wrap:wrap}
  html:is([data-locale=en],[data-locale=ja]) .suya-hero-actions{gap:17px}
  html:is([data-locale=en],[data-locale=ja]) .solid-link{padding:12px 14px;gap:19px}
  html:is([data-locale=en],[data-locale=ja]) .quiet-link{font-size:9px}
  html:is([data-locale=en],[data-locale=ja]) .next-software{align-items:flex-start}
}