/* Product UI: readable Japanese type, restrained surfaces, task-led layouts.
   Guest presentation is preserved; member and operations share component rules. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:10px;left:12px;z-index:250;padding:12px 20px;background:#fff;color:#172c25;border:2px solid #172c25;transform:translateY(-180%);border-radius:6px}.skip-link:focus{transform:translateY(0)}
body:is([data-role="member"],[data-role="staff"]){--bg:#f6f7f8;--ink:#202a30;--muted:#5d6870;--line:#dfe4e7;--mint:#edf4f1;--green:#17644e;--dark:#183e32;font-family:'Noto Sans JP',system-ui,sans-serif;font-size:14px;line-height:1.65;letter-spacing:0;background:var(--bg);color:var(--ink)}
body[data-role="staff"]{--green:#294e70;--mint:#eef3f8;--dark:#20344a;--bg:#f5f6f8}
body:is([data-role="member"],[data-role="staff"]) :is(h1,h2,h3,p){overflow-wrap:anywhere}
body:is([data-role="member"],[data-role="staff"]) h1{font-size:27px;letter-spacing:-.035em;line-height:1.5;margin:0 0 8px;font-weight:700}
body:is([data-role="member"],[data-role="staff"]) h2{font-size:18px;line-height:1.6;letter-spacing:-.02em;color:var(--ink)}
body:is([data-role="member"],[data-role="staff"]) h3{font-size:15px;line-height:1.7;color:var(--ink)}
body:is([data-role="member"],[data-role="staff"]) .muted{font-size:13px;color:var(--muted);line-height:1.85}
body:is([data-role="member"],[data-role="staff"]) .heading{margin-bottom:28px;align-items:center;gap:20px}.heading p.muted{margin:0}
body:is([data-role="member"],[data-role="staff"]) .heading .eyebrow{display:none}
body:is([data-role="member"],[data-role="staff"]) .role-sidebar{width:236px;inset:0 auto 0 0;padding:26px 16px 14px;background:#fff;border-right:1px solid var(--line);height:100dvh}
body:is([data-role="member"],[data-role="staff"]) .brand-link{font-family:'Plus Jakarta Sans',sans-serif;font-size:26px;padding:0 12px;letter-spacing:-1.3px;text-align:left;color:#203e33;min-height:40px;flex-shrink:0}
body:is([data-role="member"],[data-role="staff"]) .brandmark{width:32px;height:35px;border-radius:8px 8px 8px 2px;font-size:25px;box-shadow:none;background:var(--green);color:#fff}
body:is([data-role="member"],[data-role="staff"]) .brand-dot{color:var(--green);margin-left:-10px}
.workspace-name{margin:12px 12px 26px;font-size:11px;color:#65726c;letter-spacing:.04em}
body:is([data-role="member"],[data-role="staff"]) .role-nav{gap:3px;flex:1;overflow:auto;min-height:0}
body:is([data-role="member"],[data-role="staff"]) .nav-group-title{font-size:11px;font-weight:500;letter-spacing:.06em;color:#66736b;padding:19px 12px 8px}.role-nav .nav-group-title:first-child{padding-top:0!important}
body:is([data-role="member"],[data-role="staff"]) .role-nav button{font-size:13px;font-weight:500;padding:10px 12px;min-height:42px;gap:12px;border-radius:6px;color:#49584f;margin:0;text-align:left;transition:background .15s}
body:is([data-role="member"],[data-role="staff"]) .role-nav button .icon{width:19px;height:19px;stroke-width:1.6}
body:is([data-role="member"],[data-role="staff"]) .role-nav button.active{box-shadow:none;background:#e9f2ed;color:#145640;font-weight:700}
body:is([data-role="member"],[data-role="staff"]) .role-nav button:hover{background:#f0f3f1}
body:is([data-role="member"],[data-role="staff"]) .role-sidebottom{margin-top:18px;padding-top:13px;border-top:1px solid var(--line)}
.workspace-person{display:flex;align-items:center;gap:10px;text-align:left;padding:4px 10px;max-width:100%;width:100%;font-size:12px}.workspace-person>span:last-child{min-width:0;overflow-wrap:anywhere}.workspace-person small{display:block;font-size:11px;color:#64726b;margin-top:2px}.workspace-avatar{width:34px;height:34px;border-radius:8px;background:#e6ede8;color:#345b48;display:grid;place-items:center;font-size:14px;font-weight:600;flex-shrink:0}
body:is([data-role="member"],[data-role="staff"]) .switch-role-link{font-size:11px;color:#53665a;min-height:40px;margin-top:8px;justify-content:flex-start;padding-left:12px}
body[data-role="staff"] .role-sidebar{background:#202d3c;border-right:0}
body[data-role="staff"] .brand-link{color:#fff}body[data-role="staff"] .brandmark{background:#40576b;color:#fff}body[data-role="staff"] .brand-dot{color:#a2bdce}
body[data-role="staff"] .workspace-name{color:#acbac9}
body[data-role="staff"] .nav-group-title{color:#a6b4c3}
body[data-role="staff"] .role-nav button{color:#c5cfda}
body[data-role="staff"] .role-nav button.active{background:#36485c;color:#fff;font-weight:600}
body[data-role="staff"] .role-nav button:hover{background:#2e3e51}
body[data-role="staff"] .role-sidebottom{border-color:#43505e}
body[data-role="staff"] .workspace-person{color:#edf1f5}body[data-role="staff"] .workspace-person small{color:#b4c0cb}body[data-role="staff"] .workspace-avatar{background:#3a4c61;color:#fff}body[data-role="staff"] .switch-role-link{color:#bcc8d4}
body:is([data-role="member"],[data-role="staff"]) .role-main{margin-left:236px}
body:is([data-role="member"],[data-role="staff"]) .topbar{height:72px;background:#fff;padding:0 36px;border-bottom:1px solid var(--line)}
body:is([data-role="member"],[data-role="staff"]) .breadcrumb{font-size:12px;color:var(--muted)}
body:is([data-role="member"],[data-role="staff"]) .breadcrumb b{color:var(--ink);font-weight:500}
body:is([data-role="member"],[data-role="staff"]) .toptools{gap:20px}
body:is([data-role="member"],[data-role="staff"]) .role-switch{font-size:12px;background:#fff;border:1px solid #d1d9de;color:#465661;border-radius:6px;padding:8px 11px;min-height:38px}
body:is([data-role="member"],[data-role="staff"]) .demo-dot{display:none}
body:is([data-role="member"],[data-role="staff"]) .profile-button{font-size:12px}.profile-button .avatar{background:#e9efea;color:#355a48}
body:is([data-role="member"],[data-role="staff"]) .profile-button small{font-size:11px}
body:is([data-role="member"],[data-role="staff"]) .notification-button{height:38px;width:38px;align-items:center;justify-content:center;border-radius:6px;color:#3d5046}
body:is([data-role="member"],[data-role="staff"]) .notification-count{background:#9e4b32;top:-1px;right:-2px;font-size:10px;min-width:17px;height:17px}
body:is([data-role="member"],[data-role="staff"]) .content{padding:24px 36px 40px;max-width:1480px}
body:is([data-role="member"],[data-role="staff"]) .public-demo-bar{font-size:11px;margin:0 0 25px;padding:0 0 15px;border-color:var(--line);color:#59656e;gap:12px}
body:is([data-role="member"],[data-role="staff"]) .public-demo-bar>span{font-size:11px;color:#53605b;font-weight:500}
body:is([data-role="member"],[data-role="staff"]) .public-demo-bar p{font-size:11px;color:#606b72}
body:is([data-role="member"],[data-role="staff"]) .public-demo-bar button{font-size:11px;color:#4a5b63}
body:is([data-role="member"],[data-role="staff"]) .btn{font-size:13px;font-weight:600;border-radius:6px;min-height:44px;padding:11px 17px;box-shadow:none;background:var(--green);color:#fff;line-height:1.6;letter-spacing:0;transition:background .15s}
body:is([data-role="member"],[data-role="staff"]) .btn:hover{filter:brightness(.94);box-shadow:none;transform:none}
body:is([data-role="member"],[data-role="staff"]) .btn.secondary{background:#fff;color:var(--ink);border:1px solid #cbd5d8}
body:is([data-role="member"],[data-role="staff"]) .btn.soft{background:var(--mint);color:var(--green)}
body:is([data-role="member"],[data-role="staff"]) .btn.danger{background:#a93632;color:#fff}
body:is([data-role="member"],[data-role="staff"]) .textbtn{font-size:12px;line-height:1.7;color:var(--green);font-weight:500;min-height:36px;flex-shrink:0}
body:is([data-role="member"],[data-role="staff"]) .textbtn:hover{text-decoration:underline;text-underline-offset:4px}
body:is([data-role="member"],[data-role="staff"]) .card{background:#fff;border:1px solid var(--line);border-radius:9px;padding:24px;box-shadow:none}body:is([data-role="member"],[data-role="staff"]) .esimcard{color:#202a30}
body:is([data-role="member"],[data-role="staff"]) :is(.pill,.status,.posttag,.priority){font-size:11px;font-weight:500;background:#eff3f1;color:#405e50;border-radius:4px;line-height:1.6;padding:4px 8px}
body:is([data-role="member"],[data-role="staff"]) :is(.pill.orange,.status.new,.priority.high){color:#914018;background:#fff0e5}
body:is([data-role="member"],[data-role="staff"]) .status.read{color:#246444;background:#eaf5ed}
body:is([data-role="member"],[data-role="staff"]) .empty{font-size:13px;color:#626f76;line-height:1.9;padding:40px 20px}
body:is([data-role="member"],[data-role="staff"]) .footer{font-size:11px;color:#637078;padding-top:20px;margin-top:36px;gap:12px;border-color:var(--line)}
body:is([data-role="member"],[data-role="staff"]) .footer button{font-size:11px;min-height:32px}
/* Member home: one primary action, editorial news list, ordinary useful links. */
.location-link{display:flex;align-items:center;gap:6px;color:#526359;font-size:13px;white-space:nowrap;min-height:44px}.location-link .icon{width:16px}
.member-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.support-start{background:#edf3ef;padding:29px 30px 25px;position:relative;border-left:4px solid #1c674c}
.support-heading{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#204b38}.support-heading small{display:block;font-size:11px;font-weight:400;color:#526b5c;margin-top:2px}.support-emblem{width:36px;height:36px;border:1px solid #bfd1c6;background:#f8fbf8;color:#2a684e;border-radius:8px;display:grid;place-items:center}
body[data-role="member"] .support-start h2{font-size:29px;line-height:1.55;letter-spacing:-.035em;margin:23px 0 12px;color:#1c3d2f}
.support-start p{font-size:13px;color:#50655a;margin:0 0 22px;line-height:1.95}.support-start .btn{gap:23px}
.support-foot{font-size:11px;color:#51675b;border-top:1px solid #d0ded5;margin-top:22px;padding-top:15px;line-height:1.9}.support-foot span{display:block;color:#68776e}
.member-updates{padding:27px 28px 20px;min-width:0}
.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;margin-bottom:18px}.panel-heading p{font-size:12px;color:#616d74;margin:5px 0 0;line-height:1.8}.panel-heading .textbtn{white-space:nowrap}.panel-heading h2{margin:0}
.update-row{display:block;position:relative;width:100%;padding:18px 0 21px;text-align:left;border-bottom:1px solid var(--line)}.update-row:last-child{border-bottom:0}.update-meta{display:flex;gap:12px;font-size:11px;color:#53665a}.update-meta>span{color:#68747b}.update-row strong{display:block;font-size:14px;line-height:1.8;margin-top:6px;font-weight:500;padding-right:28px}.update-state{display:flex;gap:5px;align-items:center;font-size:11px;color:#54675c;margin-top:9px}.update-state .icon{width:14px;height:14px}.update-row:hover strong{color:var(--green);text-decoration:underline;text-underline-offset:4px}.update-row:hover{background:#fafcfb}
.reply-reminder{display:flex;align-items:center;gap:8px;font-size:12px;color:#195d45;background:#edf5ef;border-radius:6px;padding:12px;margin-top:14px;width:100%;text-align:left}.reply-reminder .icon{width:17px;height:17px}
.everyday-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:22px 0 32px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}
.everyday-links button{display:flex;align-items:center;text-align:left;gap:14px;padding:22px;min-width:0}.everyday-links button+button{border-left:1px solid var(--line)}.everyday-links button>.icon:first-child{color:#4c6e5d;width:23px;height:23px}.everyday-links button>.icon:last-child{width:16px;height:16px;color:#718278;margin-left:auto}.everyday-links strong{display:block;font-size:14px;font-weight:600;line-height:1.7}.everyday-links small{display:block;font-size:11px;color:#66716a;margin-top:3px;line-height:1.7}.everyday-links button:hover{background:#f4f8f5}
.member-bottom{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:28px;align-items:start}.member-feed{min-width:0}.member-feed .panel-heading{min-height:51px}.member-feed .panel-heading p{margin:2px 0 0}
body[data-role="member"] .member-feed .card{padding:24px 26px 0}.feed-more{width:100%;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:13px;padding:19px;margin-top:18px;font-size:12px;color:#2c624a}.feed-more .icon{width:17px}.feed-more:hover{background:#f5f9f6}
.member-essentials{padding-top:69px;min-width:0}.account-summary{background:#fff;border:1px solid var(--line);border-radius:9px;padding:23px}.account-summary .panel-heading{margin-bottom:16px}.account-summary .panel-heading>.icon{color:#536d5e}.account-summary .panel-heading h2{font-size:15px}.plan-value{font-size:32px;font-weight:600;letter-spacing:-1px;color:#244332;line-height:1.4}.plan-value span{font-size:12px;color:#5c6d62;letter-spacing:0;font-weight:400;margin-left:9px}.plan-state{font-size:12px;margin:13px 0 19px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.plan-state small{flex-basis:100%;color:#69766e;font-size:11px;margin-top:3px}.state-dot{width:6px;height:6px;border-radius:50%;background:#26764f}.account-summary .textbtn{border-top:1px solid var(--line);padding-top:16px;justify-content:space-between;width:100%;font-size:12px}
.essentials-list{padding:27px 0 5px}.essentials-list h3{margin:0 0 8px}.essentials-list button{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.essentials-list small{display:block;font-size:11px;color:#66746b;margin-top:4px}.essentials-list .icon{width:15px;color:#566e60}.essentials-list b{font-size:12px;font-weight:500}.emergency-link{display:flex;gap:8px;align-items:center;width:100%;font-size:11px;line-height:1.9;color:#6b5146;text-align:left;margin-top:14px;min-height:44px}.emergency-link .icon{width:16px;height:16px}.emergency-link .icon:last-child{margin-left:auto}
/* Operations: dense enough to scan, with status and ownership in fixed columns. */
body[data-role="staff"] .staff-account{font-size:12px;color:#536576}
.ops-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:9px;background:#fff;margin-bottom:28px;overflow:hidden}
.ops-metric{padding:23px 26px;text-align:left;min-width:0}.ops-metric+.ops-metric{border-left:1px solid var(--line)}.ops-metric>span:first-child{font-size:13px;color:#4e5c68}.ops-metric strong{display:block;font-size:34px;font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:600;line-height:1.3;margin:10px 0 14px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.ops-metric strong small{font-family:'Noto Sans JP',sans-serif;font-size:12px;font-weight:400;color:#626e77;margin-left:8px;letter-spacing:0}.metric-link{display:flex;align-items:center;gap:7px;color:#496176;font-size:11px}.metric-link .icon{width:14px;height:14px}.ops-metric:hover{background:#f8fafc}.ops-metric.needs-attention{background:#fff7f3}.ops-metric.needs-attention strong{color:#a73a24}
.ops-panel{background:#fff;border:1px solid var(--line);border-radius:9px;min-width:0;overflow:hidden}.ops-panel>.panel-heading{padding:21px 24px;margin:0;border-bottom:1px solid var(--line)}.heading-count{background:#edf0f3;color:#40566b;border-radius:4px;padding:2px 7px;font-size:12px;font-weight:500;margin-left:6px;vertical-align:middle}.panel-foot{padding:13px 24px;border-top:1px solid var(--line);font-size:11px;color:#606e79;display:flex;justify-content:space-between;gap:10px}
.case-table-wrap{max-width:100%;overflow:auto}.case-table{width:100%;font-size:12px;table-layout:fixed;border-collapse:collapse}.case-table th:first-child{width:36%}.case-table th:nth-child(2){width:15%}.case-table th:nth-child(3){width:22%}.case-table th:nth-child(4){width:17%}.case-table th:last-child{width:10%}
body[data-role="staff"] .case-table th{font-size:11px;font-weight:500;color:#586570;background:#f8f9fa;padding:12px 16px;white-space:normal}
body[data-role="staff"] .case-table td{font-size:12px;padding:20px 16px;white-space:normal;vertical-align:middle;overflow-wrap:anywhere;border-bottom:1px solid #e5e9ed;color:#43505c;line-height:1.7}.case-table tr:last-child td{border-bottom:0}.case-table tr:hover td{background:#fafbfc}
.case-subject>button{font-size:13px;font-weight:600;color:#253649;text-align:left;padding:0;line-height:1.75;min-height:28px}.case-subject>button:hover{text-decoration:underline;text-underline-offset:4px}.case-subject small{display:block;font-size:11px;color:#626e77;margin-top:5px}.case-subject .priority{margin-top:7px}
.case-badge{display:inline-flex;align-items:center;gap:6px;border-radius:4px;font-size:11px;padding:4px 8px;background:#f0f3f6;color:#43515f;white-space:nowrap}.case-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.case-badge.new{background:#fff0e5;color:#92451c}.case-badge.working{background:#eaf0fa;color:#345a8c}.case-badge.done{background:#edf5ef;color:#37624a}.unassigned{color:#916322;background:#fbf4e6;padding:4px 7px;border-radius:4px;font-size:11px}
body[data-role="staff"] .case-table td.overdue{color:#a43928;font-weight:500}.overdue small{font-size:11px;display:block}
body[data-role="staff"] .case-table .textbtn{font-size:12px;gap:5px;white-space:nowrap}
body[data-role="staff"] .case-table select{font-size:12px;min-width:0;width:100%;border:1px solid #cbd4dc;min-height:39px;border-radius:5px;padding:8px;background:#fff;color:#324657}
.ops-secondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:24px;align-items:start}
.ops-notice{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;padding:19px 24px;border-bottom:1px solid var(--line)}.ops-notice:last-of-type{border-bottom:0}.ops-notice:hover{background:#f8fafc}.ops-notice>span:first-child{min-width:0}.ops-notice strong{display:block;font-size:13px;line-height:1.8;font-weight:500;margin-top:5px;overflow-wrap:anywhere}.ops-notice small{font-size:11px;color:#63717a}.ops-notice .case-badge{font-size:10px;flex-shrink:0}
.ops-history{padding:0 24px}.ops-history>div{padding:16px 0;border-bottom:1px solid var(--line)}.ops-history>div:last-child{border:0}.ops-history time{font-size:11px;color:#69747c}.ops-history p{font-size:13px;color:#3b4b59;line-height:1.8;margin:4px 0 0}.ops-history .quiet-empty{padding:36px 0 40px;text-align:center}.quiet-empty h3{font-size:13px!important;font-weight:500;margin-bottom:6px}.quiet-empty p{font-size:12px;color:#69747c}.history-marker{display:block;width:26px;height:26px;border:1px solid #bdc9d2;border-radius:50%;margin:0 auto 15px;position:relative}.history-marker:before{content:'';position:absolute;width:6px;height:8px;border-left:1px solid #607489;border-bottom:1px solid #607489;left:12px;top:5px}
.case-tabs{display:flex;border-bottom:1px solid var(--line);gap:24px;padding:0 24px;overflow-x:auto;scrollbar-width:thin}.case-tabs button{display:flex;gap:8px;align-items:center;padding:17px 0 15px;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;font-size:13px;color:#596672}.case-tabs button.active{border-color:#315a7d;color:#244e70;font-weight:600}.case-tabs span{font-size:11px;background:#f0f3f5;border-radius:4px;min-width:22px;text-align:center;padding:1px 5px;font-variant-numeric:tabular-nums}.case-tabs .active span{background:#e5edf5;color:#244e70}.case-search-row{display:flex;align-items:center;gap:16px;padding:20px 24px 12px;flex-wrap:wrap}.case-search-row .inline-search{margin:0;max-width:420px;flex:1;min-width:230px}.case-search-row .sample-case{margin-left:auto}.case-result-count{padding:0 24px 18px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:#435463}.case-result-count>span{font-size:11px;color:#687681}
/* Shared detail screens: consistent readable controls and text. */
body:is([data-role="member"],[data-role="staff"]) :is(input,textarea,select){font-size:14px;line-height:1.6;min-height:44px;padding:10px 12px;border:1px solid #bcc8ce;border-radius:6px;color:#24363e;background:#fff}
body:is([data-role="member"],[data-role="staff"]) :is(input,textarea,select):focus{border-color:var(--green);box-shadow:0 0 0 3px #729f9226}
body:is([data-role="member"],[data-role="staff"]) label{font-size:13px;color:#34463e}
body:is([data-role="member"],[data-role="staff"]) input[type="checkbox"]{min-height:18px;width:18px;flex-shrink:0}
body:is([data-role="member"],[data-role="staff"]) .inline-search input{font-size:13px;min-width:0}
body:is([data-role="member"],[data-role="staff"]) .inline-search .btn{min-height:44px;white-space:nowrap}
body:is([data-role="member"],[data-role="staff"]) .chip{font-size:13px;border-radius:6px;min-height:40px;padding:8px 14px;border-color:#cfd7d9;background:#fff;color:#52615a}.chip.active{font-weight:500}
body:is([data-role="member"],[data-role="staff"]) .chip.active{background:var(--green);color:#fff;border-color:var(--green)}
body:is([data-role="member"],[data-role="staff"]) .post{padding:25px 0}
body:is([data-role="member"],[data-role="staff"]) .post:first-child{padding-top:0}
body:is([data-role="member"],[data-role="staff"]) .author-link{font-size:13px;font-weight:600;line-height:1.65}
body:is([data-role="member"],[data-role="staff"]) .posthead small{font-size:11px;color:#66756d}
body:is([data-role="member"],[data-role="staff"]) .post p{font-size:14px;color:#33483b;line-height:1.95;margin:14px 0}
body:is([data-role="member"],[data-role="staff"]) .postactions{font-size:12px;gap:20px;align-items:center;flex-wrap:wrap}
body:is([data-role="member"],[data-role="staff"]) .postactions button{font-size:12px;color:#54685b;min-height:38px}
body:is([data-role="member"],[data-role="staff"]) .postactions .liked{color:#ac483e}
body:is([data-role="member"],[data-role="staff"]) .postactions .save-button{font-size:12px}
body:is([data-role="member"],[data-role="staff"]) .more-button{width:36px;height:36px;color:#596b60}
body:is([data-role="member"],[data-role="staff"]) .compose-shortcut{font-size:14px;color:#607268;background:#fff;border-radius:8px}
body:is([data-role="member"],[data-role="staff"]) .community-callout{background:#edf3ef;border-radius:8px;border-color:#d7e2db;padding:23px}
body:is([data-role="member"],[data-role="staff"]) .community-callout .eyebrow{display:none}
body:is([data-role="member"],[data-role="staff"]) .community-callout h3{font-size:18px;margin-top:0}
body:is([data-role="member"],[data-role="staff"]) :is(.community-callout p,.helpbox p,.guide p,.career-card p){font-size:13px;color:#5c6b62;line-height:1.9}
body:is([data-role="member"],[data-role="staff"]) .group-row small{font-size:11px;color:#61736a}
body:is([data-role="member"],[data-role="staff"]) .join-button{font-size:12px;min-height:36px;color:#2c664e;border-color:#b8d1c2}
body:is([data-role="member"],[data-role="staff"]) .guide-intro{background:#edf3ef;border-radius:8px;padding:25px}.guide-intro .eyebrow{letter-spacing:.05em}
body:is([data-role="member"],[data-role="staff"]) .guide-intro p{font-size:13px;color:#536a5c}
body:is([data-role="member"],[data-role="staff"]) .guide-visual{display:none}
body:is([data-role="member"],[data-role="staff"]) .guide h3{font-size:17px}
body:is([data-role="member"],[data-role="staff"]) :is(.meta-line,.guide .meta-line,.notice-list-item small){font-size:11px;color:#606f66}
body:is([data-role="member"],[data-role="staff"]) .notice-list-item strong{font-size:14px;line-height:1.8}
body:is([data-role="member"],[data-role="staff"]) .notice-list-item{gap:14px}
body:is([data-role="member"],[data-role="staff"]) .notice-list-item>.iconbox{background:#eef2ef;color:#4b6655}
body:is([data-role="member"],[data-role="staff"]) .survey-card{background:#f5f2eb;border-color:#e2ddcf}
body:is([data-role="member"],[data-role="staff"]) .survey-card p{font-size:13px;color:#686252}
body:is([data-role="member"],[data-role="staff"]) .privacy-note{background:#f0f4f8;color:#3f5c71;border:1px solid #dbe3eb;font-size:12px;border-radius:6px;padding:12px 16px}
body:is([data-role="member"],[data-role="staff"]) .privacy-note>span{font-size:11px;color:#5b7182}
body:is([data-role="member"],[data-role="staff"]) .chatlayout{border-radius:9px;border-color:var(--line);min-height:550px;grid-template-columns:235px minmax(0,1fr)}
body:is([data-role="member"],[data-role="staff"]) .chatrooms{background:#fff;padding:15px 10px}
body:is([data-role="member"],[data-role="staff"]) .room{border-radius:6px;padding:15px 11px;gap:10px}
body:is([data-role="member"],[data-role="staff"]) .room.active{background:#eaf2ed}
body:is([data-role="member"],[data-role="staff"]) .room b{font-size:13px}.room>div{min-width:0}
body:is([data-role="member"],[data-role="staff"]) .room small{font-size:11px;color:#5f7267}
body:is([data-role="member"],[data-role="staff"]) .chatheader{padding:17px 22px;background:#fff}
body:is([data-role="member"],[data-role="staff"]) .chatheader b{font-size:14px}
body:is([data-role="member"],[data-role="staff"]) .chatheader small{font-size:11px;color:#64756a;max-width:none}
body:is([data-role="member"],[data-role="staff"]) .messages{background:#f4f6f5;padding:25px;min-height:290px;max-height:52vh}
body:is([data-role="member"],[data-role="staff"]) .messages .msg{font-size:14px;line-height:1.85;border-radius:9px 9px 9px 2px;box-shadow:none;padding:14px 17px;background:#fff;color:#2b3b33}
body:is([data-role="member"],[data-role="staff"]) .messages .msg.mine{background:#e1eee5;color:#1f4931;border-radius:9px 9px 2px 9px;border:1px solid #c6dbcf}
body:is([data-role="member"],[data-role="staff"]) .msg small{font-size:10px;color:#536e5e;opacity:1;line-height:1.8;padding-right:24px}
body:is([data-role="member"],[data-role="staff"]) .message-author{font-size:11px;color:#4b6556;font-weight:500}
body:is([data-role="member"],[data-role="staff"]) .chat-date{font-size:11px;color:#66766c}
body:is([data-role="member"],[data-role="staff"]) .msg-more{font-size:13px;min-width:30px;min-height:30px;right:3px;bottom:0;color:#415e4c;opacity:1}
body:is([data-role="member"],[data-role="staff"]) .suggestions button{font-size:12px;border-radius:5px;padding:7px 12px;min-height:36px;color:#426451;background:#fff;border-color:#c9d7cd}
body:is([data-role="member"],[data-role="staff"]) .chatinput input{font-size:14px;background:#fff;min-width:0}
body:is([data-role="member"],[data-role="staff"]) .photo-chat{min-width:36px;min-height:44px;color:#496955}
body:is([data-role="member"],[data-role="staff"]) .profile-cover{background:#eef3ef;border:1px solid #d8e2dc;border-radius:9px}
body:is([data-role="member"],[data-role="staff"]) .profile-info :is(p,.muted){font-size:13px;color:#4d6556}
body:is([data-role="member"],[data-role="staff"]) .profile-info .pill{font-size:11px}
body:is([data-role="member"],[data-role="staff"]) .profile-metrics{background:#fff;border-radius:8px}
body:is([data-role="member"],[data-role="staff"]) .profile-metrics span{font-size:12px;color:#53695b}
body:is([data-role="member"],[data-role="staff"]) .profile-metrics strong{color:#315c42}
body:is([data-role="member"],[data-role="staff"]) :is(.comment-item p,.comment-context p,.history-row,.order-summary>div,.order-summary strong){font-size:13px}
body:is([data-role="member"],[data-role="staff"]) :is(.comment-item .muted,.history-row .muted,.comment-item .row strong){font-size:11px;color:#5f7065}
body:is([data-role="member"],[data-role="staff"]) .journey-tabs button{border-radius:7px;background:#fff}
body:is([data-role="member"],[data-role="staff"]) .journey-tabs button.active{background:var(--green)}
body:is([data-role="member"],[data-role="staff"]) .journey-tabs strong{font-size:13px}
body:is([data-role="member"],[data-role="staff"]) .journey-tabs :is(small,button>span){font-size:11px;color:#5e7264}
body:is([data-role="member"],[data-role="staff"]) .journey-tabs .active :is(small,span){color:#e2efe6}
body:is([data-role="member"],[data-role="staff"]) .journey-support{background:#edf3ef;border-radius:8px}
body:is([data-role="member"],[data-role="staff"]) .journey-support p{font-size:13px;color:#536b5c}
body:is([data-role="member"],[data-role="staff"]) .checklist-card .checkrow{font-size:14px;gap:12px}
body[data-role="staff"] .role-main .sectiontitle h2{color:#24374a;font-size:18px}
body[data-role="staff"] .admin-item{font-size:13px;line-height:1.8;gap:20px;border-color:var(--line)}
body[data-role="staff"] .audit-log{max-height:480px}
body[data-role="staff"] :is(.audit-log small,.staff-note small){font-size:11px;color:#657582}
body[data-role="staff"] :is(.audit-log p,.staff-note p,.moderation-item p,.survey-result p){font-size:13px;color:#344859;line-height:1.9}
body[data-role="staff"] .staff-note{background:#f0f4f7}
body:is([data-role="member"],[data-role="staff"]) .modalback{background:#13212c70;backdrop-filter:none}
body:is([data-role="member"],[data-role="staff"]) .modal{background:#fff;border:1px solid #d6dde0;border-radius:10px;padding:28px;max-width:620px;max-height:88dvh;box-shadow:0 18px 70px #172c3d35}
body:is([data-role="member"],[data-role="staff"]) .modalhead h2{font-size:19px;color:var(--ink)}
body:is([data-role="member"],[data-role="staff"]) .modalhead>button{width:36px;height:36px;min-width:36px;color:#4d616b;border-radius:6px}
body:is([data-role="member"],[data-role="staff"]) .modal :is(p,li){font-size:14px;color:#3b4d43;line-height:1.9}
body:is([data-role="member"],[data-role="staff"]) .modal label{font-size:13px;color:#34483c;font-weight:500;margin-top:20px}
body:is([data-role="member"],[data-role="staff"]) .modal :is(input,textarea,select){background:#fff;border-color:#b9c7ce}
body:is([data-role="member"],[data-role="staff"]) .modal .muted{font-size:12px;color:#5d6e65}
body:is([data-role="member"],[data-role="staff"]) .role-options :is(small,strong){font-size:13px}.role-options small{line-height:1.8}
body:is([data-role="member"],[data-role="staff"]) .role-options small{color:#5c7163}
body:is([data-role="member"],[data-role="staff"]) .action-list button{font-size:14px;min-height:44px}
body:is([data-role="member"],[data-role="staff"]) :is(button,a):focus-visible{outline:3px solid #428dbb;outline-offset:3px}
/* Tablet and phone layouts; no tiny versions of desktop controls. */
@media(min-width:1550px){body:is([data-role="member"],[data-role="staff"]) .content{padding-top:28px}.member-start{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.support-start{padding:34px 38px}.member-updates{padding:30px 34px}.member-bottom{grid-template-columns:minmax(0,1fr) 310px;gap:32px}}
@media(max-width:1150px){body:is([data-role="member"],[data-role="staff"]) .role-sidebar{width:216px;padding-left:12px;padding-right:12px}body:is([data-role="member"],[data-role="staff"]) .role-main{margin-left:216px}body:is([data-role="member"],[data-role="staff"]) .content{padding:24px}body:is([data-role="member"],[data-role="staff"]) .topbar{padding:0 24px}.support-start{padding:25px}.member-updates{padding:25px 23px}.member-bottom{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.everyday-links button{padding:19px 15px;gap:10px}.everyday-links small{font-size:11px}.everyday-links button>.icon:last-child{display:none}.ops-metric{padding:22px}.ops-secondary{gap:20px}.case-table th:first-child{width:34%}.case-table th:nth-child(3){width:23%}.case-table th:nth-child(4){width:18%}body[data-role="staff"] .case-table :is(td,th){padding-left:11px;padding-right:11px}}
@media(max-width:1000px){.member-start{grid-template-columns:1fr}.support-start{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 20px;padding:26px;border-left-width:3px}.support-heading{grid-column:1/-1}body[data-role="member"] .support-start h2{font-size:26px;grid-column:1;margin:20px 0 8px}.support-start h2 br{display:none}.support-start p{grid-column:1;margin:0}.support-start .btn{grid-column:2;grid-row:2/4;align-self:center}.support-foot{grid-column:1/-1;margin-top:19px;display:flex;gap:12px;justify-content:space-between}.member-updates{padding:22px 26px}.member-updates .panel-heading{margin-bottom:2px}.update-row{padding:16px 0}.member-bottom{grid-template-columns:1fr}.member-essentials{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.essentials-list{padding:4px 0}.emergency-link{grid-column:1/-1;margin-top:0}.ops-secondary{grid-template-columns:1fr}.ops-metric{padding:20px 16px}.ops-panel .panel-heading{padding:20px}.case-table{min-width:620px}.case-tabs{gap:20px}.panel-foot{padding:13px 20px}.panel-foot span{max-width:75%}body:is([data-role="member"],[data-role="staff"]) .chatlayout{grid-template-columns:190px minmax(0,1fr)}body:is([data-role="member"],[data-role="staff"]) .room{padding:13px 9px}.room .avatar{display:none}}
@media(max-width:800px){body:is([data-role="member"],[data-role="staff"]) .role-sidebar{display:none!important}body:is([data-role="member"],[data-role="staff"]) .role-main{margin-left:0}body:is([data-role="member"],[data-role="staff"]) .breadcrumb{display:none}body:is([data-role="member"],[data-role="staff"]) .mobilebrand{display:flex;font-family:'Plus Jakarta Sans',sans-serif;font-size:23px;color:#244336}body[data-role="staff"] .mobilebrand{font-family:'Noto Sans JP',sans-serif;font-size:18px;color:#293d51}body:is([data-role="member"],[data-role="staff"]) .role-mobile-nav{display:flex;position:fixed;inset:auto 0 0;height:calc(68px + env(safe-area-inset-bottom,0px));padding:4px 8px calc(5px + env(safe-area-inset-bottom,0px));border-top:1px solid #d5dfd8;background:#fff;z-index:30;gap:4px;justify-content:space-around}body:is([data-role="member"],[data-role="staff"]) .role-mobile-nav button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:6px 2px;font-size:10px;min-width:0;border-radius:6px;color:#586b60;line-height:1.5}body:is([data-role="member"],[data-role="staff"]) .role-mobile-nav button>.icon{width:20px;height:20px}body:is([data-role="member"],[data-role="staff"]) .role-mobile-nav button.active{background:#edf4ef;color:#195e40;font-weight:600}body[data-role="staff"] .role-mobile-nav{background:#fff;border-color:#d7dfe7}body[data-role="staff"] .role-mobile-nav button{color:#54687b}body[data-role="staff"] .role-mobile-nav button.active{background:#eaf0f6;color:#254e71}body:is([data-role="member"],[data-role="staff"]) .content{padding-bottom:calc(95px + env(safe-area-inset-bottom,0px))}body:is([data-role="member"],[data-role="staff"]) .role-mobile-nav .nav-number{display:none}body:is([data-role="member"],[data-role="staff"]) .role-menu-list button{font-size:14px;padding:12px;min-height:46px}body:is([data-role="member"],[data-role="staff"]) #toast{bottom:90px;font-size:13px}body:is([data-role="member"],[data-role="staff"]) .staff-account{display:none}}
@media(max-width:600px){body:is([data-role="member"],[data-role="staff"]) .content{padding:18px 16px calc(96px + env(safe-area-inset-bottom,0px))}body:is([data-role="member"],[data-role="staff"]) .topbar{height:64px;padding:0 16px}body:is([data-role="member"],[data-role="staff"]) .toptools{gap:8px}body:is([data-role="member"],[data-role="staff"]) .role-switch{font-size:11px;padding:7px 8px;min-height:36px}body:is([data-role="member"],[data-role="staff"]) .profile-button{display:none}body:is([data-role="member"],[data-role="staff"]) .mobilebrand{font-size:21px;gap:8px}body[data-role="staff"] .mobilebrand{font-size:17px}body:is([data-role="member"],[data-role="staff"]) .brandmark{width:28px;height:31px;font-size:22px}body:is([data-role="member"],[data-role="staff"]) .public-demo-bar{gap:8px;padding-bottom:13px;margin-bottom:23px;align-items:flex-start}body:is([data-role="member"],[data-role="staff"]) .public-demo-bar>span{font-size:10px;padding-top:0}body:is([data-role="member"],[data-role="staff"]) .public-demo-bar p{font-size:10px;line-height:1.7}body:is([data-role="member"],[data-role="staff"]) .public-demo-bar button{display:none}body:is([data-role="member"],[data-role="staff"]) h1{font-size:23px;line-height:1.5;margin-bottom:7px}body:is([data-role="member"],[data-role="staff"]) .heading{gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:23px}body:is([data-role="member"],[data-role="staff"]) .heading .muted{font-size:12px}body:is([data-role="member"],[data-role="staff"]) .heading .btn{font-size:12px;min-height:42px;padding:9px 13px}body:is([data-role="member"],[data-role="staff"]) h2{font-size:17px}.member-heading .location-link{display:none}.support-start{display:block;padding:24px 22px}.support-heading{font-size:12px}.support-heading small{font-size:11px}body[data-role="member"] .support-start h2{font-size:27px;line-height:1.55;margin-top:24px}.support-start h2 br{display:initial}.support-start p{font-size:13px;margin:13px 0 20px}.support-start .btn{width:100%;justify-content:space-between;padding-left:17px;padding-right:17px}.support-foot{display:block;font-size:11px;margin-top:20px;padding-top:13px}.support-foot span{display:block}.member-updates{padding:22px}.panel-heading{gap:10px}.panel-heading .textbtn{font-size:11px!important}.update-row strong{font-size:14px}.everyday-links{display:flex;flex-direction:column;margin:17px 0 28px;border-radius:8px}.everyday-links button{padding:17px 20px;gap:16px}.everyday-links button+button{border-left:0;border-top:1px solid var(--line)}.everyday-links strong{font-size:14px}.everyday-links small{font-size:12px}.everyday-links button>.icon:last-child{display:block}.member-bottom{gap:24px}body[data-role="member"] .member-feed .card{padding:21px 19px 0}.member-feed .panel-heading{min-height:0;margin-bottom:14px}.member-feed .panel-heading p{font-size:11px}.member-feed .panel-heading .btn{font-size:12px;padding:9px 12px;min-height:42px}.member-essentials{display:block}.account-summary{padding:22px}.essentials-list{padding:24px 0 0}.emergency-link{margin-top:12px}.ops-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.ops-metric{padding:20px}.ops-metric:nth-child(3){border-left:0}.ops-metric:nth-child(n+3){border-top:1px solid var(--line)}.ops-metric>span:first-child{font-size:12px}.ops-metric strong{font-size:32px;margin:8px 0 12px}.ops-metric .metric-link{font-size:11px}.ops-panel>.panel-heading{padding:20px 18px;align-items:flex-start;flex-wrap:wrap}.ops-panel .panel-heading h2{font-size:16px}.ops-panel .panel-heading p{font-size:11px}.case-table{min-width:0;table-layout:auto;display:block}.case-table thead{display:none}.case-table tbody{display:block}.case-table tr{display:grid;grid-template-columns:1fr 1fr;padding:18px;gap:13px 14px;border-bottom:1px solid var(--line)}.case-table tr:last-child{border-bottom:0}body[data-role="staff"] .case-table td{display:block;padding:0;border:0;font-size:12px;min-width:0;line-height:1.8}.case-table td[data-label]:before{content:attr(data-label);display:block;color:#687985;font-size:11px;margin-bottom:5px}.case-table .case-subject{grid-column:1/-1}.case-subject>button{font-size:14px}.case-subject small{font-size:12px;margin-top:3px}.case-table .case-open{display:flex;justify-content:flex-end;align-items:flex-end}.case-table .case-open .textbtn{min-height:38px;border:1px solid #ccd6df;border-radius:5px;padding:7px 10px;background:#fff}.panel-foot{padding:13px 18px;display:block;line-height:1.8}.panel-foot span{display:block;max-width:none;margin-top:3px}.ops-secondary{gap:20px;margin-top:20px}.ops-notice{padding:17px 18px;gap:12px}.ops-notice strong{font-size:13px}.ops-notice small{font-size:11px}.ops-history{padding:0 18px}.ops-history .quiet-empty{padding:28px 0}.case-tabs{padding:0 18px;gap:20px}.case-tabs button{font-size:12px;padding:16px 0 14px}.case-tabs span{font-size:11px}.case-search-row{padding:18px;gap:8px}.case-search-row .inline-search{min-width:0;max-width:none;flex-basis:100%;width:100%;gap:6px}.case-search-row .inline-search .btn{font-size:12px;padding:9px 12px}.case-search-row .sample-case{font-size:11px}.case-result-count{padding:0 18px 16px;display:block;font-size:12px}.case-result-count>span{display:block;font-size:11px;margin-top:5px}body:is([data-role="member"],[data-role="staff"]) .card{padding:21px 19px}body:is([data-role="member"],[data-role="staff"]) .posthead{gap:8px;flex-wrap:wrap}body:is([data-role="member"],[data-role="staff"]) .posthead>div:nth-child(2){min-width:0;flex:1}body:is([data-role="member"],[data-role="staff"]) .posthead .posttag{font-size:10px;padding:3px 6px}body:is([data-role="member"],[data-role="staff"]) .posthead .author-link{font-size:12px;overflow-wrap:anywhere}body:is([data-role="member"],[data-role="staff"]) .post p{font-size:14px;line-height:1.9}body:is([data-role="member"],[data-role="staff"]) .postactions{gap:12px}body:is([data-role="member"],[data-role="staff"]) .postactions button{font-size:11px}body:is([data-role="member"],[data-role="staff"]) .postactions .save-button{font-size:11px}body:is([data-role="member"],[data-role="staff"]) .more-button{width:32px;height:34px}body:is([data-role="member"],[data-role="staff"]) :is(input,textarea,select){font-size:16px;max-width:100%}body:is([data-role="member"],[data-role="staff"]) .inline-search input{font-size:16px}body:is([data-role="member"],[data-role="staff"]) .toolbar{gap:8px}body:is([data-role="member"],[data-role="staff"]) .chip{font-size:12px;padding:8px 12px;min-height:40px}body:is([data-role="member"],[data-role="staff"]) .privacy-note{font-size:11px;padding:12px}body:is([data-role="member"],[data-role="staff"]) .privacy-note>span{font-size:10px;margin:0;padding-left:0}body:is([data-role="member"],[data-role="staff"]) .chatlayout{display:flex;flex-direction:column;min-height:540px}body:is([data-role="member"],[data-role="staff"]) .chatrooms{display:flex;overflow:auto;padding:8px;gap:5px;border-right:0;border-bottom:1px solid var(--line)}body:is([data-role="member"],[data-role="staff"]) .chatrooms>h3{display:none}body:is([data-role="member"],[data-role="staff"]) .room{width:auto;min-width:145px;margin:0;padding:11px;flex-shrink:0}body:is([data-role="member"],[data-role="staff"]) .room b{font-size:12px}body:is([data-role="member"],[data-role="staff"]) .room small{font-size:10px}body:is([data-role="member"],[data-role="staff"]) .chatheader{padding:15px}body:is([data-role="member"],[data-role="staff"]) .chatheader small{font-size:10px}body:is([data-role="member"],[data-role="staff"]) .messages{padding:18px 14px;max-height:52dvh;min-height:280px}body:is([data-role="member"],[data-role="staff"]) .messages .msg{max-width:91%;font-size:14px;padding:13px 15px}body:is([data-role="member"],[data-role="staff"]) .suggestions{padding:12px 12px 8px;gap:6px}body:is([data-role="member"],[data-role="staff"]) .suggestions button{font-size:11px;padding:7px 9px}body:is([data-role="member"],[data-role="staff"]) .chatinput{padding:12px;gap:7px}body:is([data-role="member"],[data-role="staff"]) .chatinput input{font-size:16px;padding:10px;min-width:0}body:is([data-role="member"],[data-role="staff"]) .chatinput .btn{padding:10px;min-width:42px}body:is([data-role="member"],[data-role="staff"]) .photo-chat{min-width:28px}body:is([data-role="member"],[data-role="staff"]) .profile-cover{padding:23px 20px}body:is([data-role="member"],[data-role="staff"]) .profile-cover>.btn{margin-left:0;min-height:44px;font-size:12px}body:is([data-role="member"],[data-role="staff"]) .profile-metrics span{font-size:10px}body:is([data-role="member"],[data-role="staff"]) .profile-metrics button{padding:18px 5px}body:is([data-role="member"],[data-role="staff"]) .profile-info h2{font-size:21px}body:is([data-role="member"],[data-role="staff"]) .notice-list-item strong{font-size:13px}body:is([data-role="member"],[data-role="staff"]) .notice-list-item .status{font-size:10px}body:is([data-role="member"],[data-role="staff"]) .notice-list-item{gap:10px}body:is([data-role="member"],[data-role="staff"]) .notice-list-item .iconbox{display:none}body:is([data-role="member"],[data-role="staff"]) .notice-list-item>span:nth-child(2){min-width:0}body:is([data-role="member"],[data-role="staff"]) .moderation-item{align-items:stretch}body:is([data-role="member"],[data-role="staff"]) .modalback{padding:14px}body:is([data-role="member"],[data-role="staff"]) .modal{padding:23px 20px;max-height:88dvh;border-radius:9px}body:is([data-role="member"],[data-role="staff"]) .modalhead h2{font-size:18px}body:is([data-role="member"],[data-role="staff"]) .modal .grid2{grid-template-columns:1fr;gap:0}body:is([data-role="member"],[data-role="staff"]) .modal-actions{gap:10px}body:is([data-role="member"],[data-role="staff"]) .modal-actions .btn{font-size:13px}body:is([data-role="member"],[data-role="staff"]) .footer{font-size:10px;gap:4px;margin-top:28px}body:is([data-role="member"],[data-role="staff"]) .footer button{font-size:10px}}
@media(prefers-reduced-motion:reduce){body:is([data-role="member"],[data-role="staff"]) *{scroll-behavior:auto;transition:none}}