:root { --navy:#12283d; --deep:#0c1b2e; --aqua:#1599a4; --ink:#182a3e; --muted:#77889a; --line:#e5ebf1; --wash:#f3f6f9; --card:#fff; --mono:"Consolas","SFMono-Regular","Roboto Mono",monospace; --font:"Yu Gothic UI","Hiragino Kaku Gothic ProN","Meiryo",system-ui,sans-serif; }
* {box-sizing:border-box} html,body{height:100%;margin:0} body{font-family:var(--font);font-size:13px;color:var(--ink);background:var(--wash)} button,select,input{font:inherit} button{cursor:pointer} button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2facb9;outline-offset:2px}
.app-shell{height:100dvh;min-height:400px;display:flex;flex-direction:column;overflow:hidden}.topbar{height:65px;flex:none;display:flex;align-items:center;padding:0 26px;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.06);gap:15px}.brand-mark{width:39px;height:39px;display:grid;place-items:center;color:#fff;flex:none;background:#243e53;border:1px solid #436377;border-radius:12px}.brand{min-width:0}.brand-title{font-family:var(--font);font-weight:800;font-size:17px;letter-spacing:.09em;white-space:nowrap}.brand-title span{font-size:12px;letter-spacing:0;font-weight:600;color:#e4eef6;margin-left:14px}.brand-subtitle{font-size:9px;color:#8ba4b5;letter-spacing:.16em;margin-top:3px}.head-right{margin-left:auto;display:flex;align-items:center;gap:9px;white-space:nowrap;color:#c9d5df;font-size:11px}.online-dot,.live-small{display:inline-block;width:7px;height:7px;border-radius:50%;background:#91a4ae;box-shadow:0 0 0 3px rgba(135,171,181,.10)}.online-dot.ok{background:#37d3af}.online-dot.error{background:#e7a755}.head-sep{height:16px;background:#496073;width:1px;margin:0 7px}.version{color:#8fa9ba;letter-spacing:.05em}
.workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 420px}.map-pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:#e7eee9;border-right:1px solid #d6e0e7}.map{flex:1;min-height:0;position:relative;overflow:hidden;touch-action:none;background-color:#d6e1dd;background-image:linear-gradient(45deg,#e5ebe9 25%,transparent 25%),linear-gradient(-45deg,#e5ebe9 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e5ebe9 75%),linear-gradient(-45deg,transparent 75%,#e5ebe9 75%);background-size:28px 28px;background-position:0 0,0 14px,14px -14px,-14px 0}.tiles{position:absolute;inset:0;overflow:hidden;pointer-events:none}.tile{position:absolute;left:0;top:0;max-width:none;user-select:none;pointer-events:none;will-change:transform}.tile-error{visibility:hidden}.crosshair{width:38px;height:38px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:3;filter:drop-shadow(0 1px 2px rgba(10,30,50,.35))}.ch-h{height:2px;width:38px;top:18px;background:#fff;position:absolute;border-radius:1px}.ch-v{height:38px;width:2px;left:18px;background:#fff;position:absolute;border-radius:1px}.ch-h:after{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#d53c44}.ch-v:after{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#d53c44}.ch-ring{position:absolute;left:10px;top:10px;width:18px;height:18px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #bc4953}.ch-dot{position:absolute;left:17px;top:17px;width:4px;height:4px;border-radius:50%;background:#d03b4c}.map-head{position:absolute;z-index:6;left:20px;right:20px;top:20px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px;pointer-events:none}.map-indicator{background:rgba(13,35,53,.91);border:1px solid rgba(255,255,255,.2);box-shadow:0 5px 20px #10283c26;border-radius:7px;padding:11px 13px;color:#cbdce8;display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;letter-spacing:.08em;white-space:nowrap}.live-small{width:6px;height:6px;background:#37d3af}.map-coord{color:#fff;font-size:11px;letter-spacing:0}.map-layer-group{display:flex;gap:3px;background:#fff;border:1px solid #d9e5eb;border-radius:9px;padding:4px;box-shadow:0 3px 15px #1f415122;pointer-events:auto}.map-layer{border:0;background:transparent;border-radius:6px;color:#527082;font-size:12px;font-weight:600;min-width:44px;padding:7px 9px}.map-layer.active{background:#16384c;color:#fff}.map-controls{position:absolute;left:20px;top:83px;z-index:6;border:1px solid #cadce4;background:#fff;box-shadow:0 4px 20px #2d59652c;border-radius:9px;overflow:hidden;display:grid;justify-items:center}.map-controls button{width:43px;height:42px;background:#fff;border:0;font-size:25px;line-height:1;color:#1b4658}.map-controls button:hover,.locate-floating:hover{background:#eaf2f5}.zoom-label{font:600 11px var(--mono);color:#7892a1;border-top:1px solid #e5edf1;border-bottom:1px solid #e5edf1;padding:6px;width:43px;text-align:center}.locate-floating{position:absolute;left:20px;top:220px;z-index:6;display:flex;align-items:center;gap:9px;background:#fff;color:#1b4658;border:1px solid #cadce4;border-radius:9px;box-shadow:0 4px 20px #2d59652c;padding:11px 13px;font-weight:700}.locate-floating.active{color:var(--aqua);border-color:var(--aqua)}.map-footer{position:absolute;left:20px;right:16px;bottom:16px;pointer-events:none;display:flex;align-items:end;justify-content:space-between;gap:6px}.scale{background:#ffffffd9;color:#293f4d;font-size:11px;font-weight:700;border:solid #233b47;border-width:0 2px 2px;padding:1px 4px 2px;min-width:75px;text-align:center}.attribution{background:#ffffffde;color:#445963;padding:4px 6px;border-radius:3px;font-size:10px}.map-bottom-bar{height:37px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f5f7f8;padding:0 20px;border-top:1px solid #dae3e8;color:#6c8390;font-size:11px;white-space:nowrap}.map-bottom-bar #gpsStatus{color:#2c6971;overflow:hidden;text-overflow:ellipsis}
.detail-pane{min-height:0;min-width:0;background:#f6f8fa}.panel-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:26px 24px 32px;scrollbar-color:#c1cbd4 transparent;scrollbar-width:thin}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.eyebrow{font:700 10px var(--mono);letter-spacing:.16em;color:#198c99}.section-heading h1{font-size:23px;letter-spacing:.05em;line-height:1.1;margin:6px 0 0}.outline-button{border:1px solid #cad7de;background:#fff;border-radius:8px;color:#365768;font-size:11px;font-weight:700;padding:9px 12px;white-space:nowrap}.outline-button:hover{border-color:#2a8797}.subtle{color:#8494a1}.intro{margin:14px 0 20px;line-height:1.6;font-size:11px}.mini-cross{color:#cf4454;font-weight:800}.panel-card{background:var(--card);border:1px solid #e1e7ee;border-radius:12px;box-shadow:0 2px 10px #112f4009;margin-bottom:14px;padding:17px 17px 16px}.card-heading{display:flex;align-items:center;gap:10px;margin-bottom:19px}.count{font:700 10px var(--mono);letter-spacing:.02em;background:#e5f5f5;color:#137988;border-radius:5px;padding:6px 7px}.card-heading h2{font-size:14px;font-weight:800;margin:0;letter-spacing:.01em}.pill,.status-pill{margin-left:auto;border-radius:20px;background:#eef3f5;color:#67808d;font-size:10px;font-weight:700;padding:5px 9px;white-space:nowrap}.status-pill.ok{background:#e7f8f0;color:#088768}.status-pill.pending{background:#f0f3f6;color:#798b95}.status-pill.warning{background:#fff2df;color:#a66b1f}.coordinate-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.coordinate{background:#f5f8fa;border:1px solid #edf1f3;border-radius:9px;padding:12px 11px}.data-label{font-size:11px;font-weight:800;color:#596b7a}.data-label span{font:600 9px var(--mono);letter-spacing:.04em;color:#9babb6;margin-left:5px}.data-number{font:700 clamp(13px,1.4vw,17px)/1.5 var(--mono);color:#183f52;letter-spacing:-.02em;margin-top:6px;overflow-wrap:anywhere}.unit{font-size:10px;color:#8599a5}.divider{border-top:1px solid var(--line);margin:16px 0 15px}.form-line{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:9px 0}.form-line label{font-size:11px;font-weight:700;flex:none}.select-box{width:66%}select{appearance:none;background:#f8fafb url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="13" height="9"%3E%3Cpath d="m2 2 4.5 4L11 2" stroke="%23617485" stroke-width="1.5" fill="none"/%3E%3C/svg%3E') no-repeat right 10px center;border:1px solid #d9e4ea;border-radius:7px;min-height:35px;width:100%;font-size:11px;font-weight:600;padding:5px 27px 5px 9px;color:#25485b;cursor:pointer}.xy-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:15px}.xy{border-radius:8px;border:1px solid #e2eaee;padding:11px 9px;background:#fff;white-space:nowrap;min-width:0}.xy .data-label{margin-bottom:7px}.xy strong{font:700 clamp(12px,1.3vw,16px) var(--mono);color:#213e50;overflow-wrap:anywhere}.xy>span{font-size:10px;color:#81949d;margin-left:4px}.card-note{font-size:10px;color:#8394a0;line-height:1.65;margin:12px 0 0}.metric{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0 14px}.metric+.metric{border-top:1px solid var(--line);padding-top:14px}.metric-name{display:flex;flex-direction:column;gap:6px;min-width:0}.metric-name>span:last-child{font-size:10px;color:#8999a5}.metric-small{font:700 12px var(--mono);color:#405c6e}.metric-result{white-space:nowrap;color:#223d50}.metric-result b{font:700 22px var(--mono);letter-spacing:-.04em}.metric-result em,.difference em{font-style:normal;font:600 11px var(--mono);margin-left:5px;color:#8698a4}.difference{background:#eaf5f6;border:1px solid #d7eaed;border-radius:10px;padding:15px 14px;display:flex;align-items:center;justify-content:space-between;gap:6px}.difference>div:first-child{display:flex;flex-direction:column;gap:5px}.difference strong{font-size:12px;color:#1d5d67}.difference span{font-size:10px;color:#598d94}.difference b{font:800 23px var(--mono);color:#137f8b;letter-spacing:-.035em}.compensation{border-bottom:1px solid var(--line);padding:14px 1px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px}.compensation span{font-size:10px;color:#718493}.compensation strong{font:700 12px var(--mono);color:#4d677a}.elev-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #e7eef2;padding:14px 0}.elev-row.primary{border:1px solid #d5e9e8;border-radius:9px;background:#f0f7f7;padding:15px 11px}.elev-row .elev-top{font-size:11px;font-weight:800;color:#2a4556}.elev-sub{font-size:10px;color:#8499a6;margin-top:6px}.muted-tag{font-size:9px;font-weight:700;background:#daf0ea;color:#288577;border-radius:4px;padding:4px 6px;margin-left:4px;white-space:nowrap}.elev-amount{font-size:11px;white-space:nowrap;color:#637d8c}.elev-amount b{font:700 20px var(--mono);color:#1b4051}.source-note{display:flex;justify-content:space-between;align-items:center;gap:5px}.source-note strong{font-size:10px;color:#546c7a}.caution{color:#a27c46;background:#fffaf0;padding:9px 10px;border-radius:6px}.jump-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px}.jump-label label{font-size:11px;font-weight:700}.jump-label span{font:10px var(--mono);color:#a0afb7}.jump-row{display:flex;gap:8px;margin-top:9px}.jump-row input{border:1px solid #d7e4eb;border-radius:8px;padding:10px;min-width:0;flex:1;outline-offset:2px}.solid-button{border:0;border-radius:8px;background:#146c7a;color:#fff;min-width:61px;font-weight:800}.solid-button:hover{background:#0b5260}.tool-row{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-top:12px}.tool-button{background:#edf5f7;border:1px solid #d9eaef;border-radius:8px;color:#235b6b;padding:10px 11px;font-size:11px;font-weight:800;flex:1}.tool-button:hover{background:#e0f1f4}.follow-control{display:flex;align-items:center;gap:5px;color:#526d7b;font-size:11px;font-weight:700;white-space:nowrap}.follow-control input{accent-color:#1a8895;width:17px;height:17px}.notice{margin:8px 0 0;color:#668392;font-size:11px;line-height:1.5;min-height:0}.notice:empty{display:none}.notice.error{color:#b44b45}.panel-bottom{border-top:1px solid #dfe7ec;padding:18px 4px 8px;font-size:10px;color:#8696a1;line-height:1.75}.panel-bottom strong{color:#617688;font-size:11px}.panel-bottom p{margin:5px 0 7px}.panel-bottom a{color:#1b8092;text-decoration:none;font-size:11px}.panel-bottom a:hover{text-decoration:underline}
@media(max-width:1080px) {.workspace{grid-template-columns:minmax(0,1fr) 375px}.panel-scroll{padding:21px 17px}.map-indicator{font-size:9px}.map-coord{display:none}}
@media(max-width:760px){.app-shell{min-height:0}.topbar{height:55px;padding:0 13px;gap:9px}.brand-mark{width:33px;height:33px;border-radius:8px}.brand-title{font-size:15px}.brand-title span{display:block;font-size:10px;margin-left:0;letter-spacing:0}.brand-subtitle{display:none}.head-right{font-size:10px}.version,.head-sep{display:none}.workspace{display:flex;flex-direction:column;overflow:hidden}.map-pane{flex:none;height:42dvh;min-height:240px;border-right:0}.map-head{left:11px;right:11px;top:11px}.map-indicator{padding:10px 8px;letter-spacing:0;font-size:9px}.map-layer{font-size:10px;padding:8px 7px;min-width:35px}.map-layer-group{padding:3px}.map-controls{left:11px;top:65px}.map-controls button{width:39px;height:36px}.zoom-label{width:39px;padding:4px}.locate-floating{left:11px;top:194px;padding:9px 10px}.map-bottom-bar{height:28px;padding:0 11px;font-size:9px}.map-bottom-bar>span:first-child{display:none}.map-footer{left:13px;right:9px;bottom:9px}.detail-pane{flex:1;min-height:0}.panel-scroll{padding:18px 14px 38px}.section-heading h1{font-size:20px}.panel-card{padding:15px}.data-number{font-size:15px}.xy strong{font-size:15px}}
@media(max-width:375px){.brand-title span{font-size:9px}.map-indicator{font-size:8px}.map-layer{min-width:30px;padding:7px 5px}.metric-result b{font-size:19px}.difference b{font-size:20px}.elev-amount b{font-size:16px}}

/* Field-survey height conversion (independent, prominent panel). */
.survey-card{border-color:#bfdddd}
.survey-pill{background:#e4f6f3;color:#167f75}
.survey-lead{font-size:11px;line-height:1.8;color:#6d8391;margin:-2px 0 14px}
.survey-lead strong{color:#27596a}
.survey-location{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 11px;background:#f1f6f7;border-radius:8px;margin-bottom:15px}
.survey-location>span{font-size:10px;color:#6d8490}
.survey-location strong{font:700 11px var(--mono);color:#27576b;text-align:right;overflow-wrap:anywhere}
.survey-field{display:flex;flex-direction:column;gap:7px;margin:13px 0}
.survey-field label{font-size:11px;font-weight:800;color:#486575}
.survey-field select{min-height:42px;font-size:12px;border-color:#ccdce4;background-color:#fff}
.survey-input{display:flex;align-items:stretch;min-height:47px;border:1px solid #bbd5df;border-radius:9px;background:#fff;overflow:hidden}
.survey-input:focus-within{outline:2px solid #2facb9;outline-offset:2px}
.survey-input input{flex:1;min-width:0;padding:11px 12px;font:700 16px var(--mono);border:0;outline:0!important;color:#173b4e;background:transparent}
.survey-input>span{padding:14px;color:#55788a;font-weight:800;background:#eaf3f5;border-left:1px solid #d0e1e7;min-width:38px;text-align:center}
.survey-actions{display:flex;flex-wrap:wrap;gap:9px;margin:13px 0}
.survey-action{flex:1;min-width:130px;min-height:38px;padding:9px;border:1px solid #88bdc4;border-radius:8px;color:#175969;background:#ecf6f7;font-size:11px;font-weight:800}
.survey-action:disabled{opacity:.45;cursor:not-allowed}
.survey-action:not(:disabled):hover{background:#d6edf0}
.survey-primary{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid #a1d5d7;border-radius:10px;background:#eaf7f5;padding:14px 12px;margin:14px 0 11px}
.survey-primary>div:first-child{min-width:0;display:flex;flex-direction:column;gap:6px}
.survey-primary>div:first-child>span{font-size:12px;font-weight:800;color:#1c6f79}
.survey-primary small{font-size:9px;line-height:1.5;color:#6f9296}
.survey-primary-number{display:flex;align-items:baseline;gap:5px;color:#116f7d;white-space:nowrap}
.survey-primary-number strong{font:800 clamp(18px,2vw,24px) var(--mono);letter-spacing:-.035em}
.survey-primary-number span{font-size:11px;font-weight:700}
.survey-results{background:#f8fafb;border:1px solid #e3ebef;border-radius:9px;padding:2px 11px}
.survey-result{display:flex;align-items:center;justify-content:space-between;gap:7px;padding:11px 0}
.survey-result+.survey-result{border-top:1px solid #e3ebef}
.survey-result>span{font-size:10px;color:#647e89;min-width:0}
.survey-result strong{font:700 13px var(--mono);white-space:nowrap;color:#263f4d}
.survey-formula{font:11px/1.6 var(--font);color:#406779;background:#edf4f8;border-radius:7px;padding:9px;margin:12px 0 0;overflow-wrap:anywhere}
.survey-feedback{color:#687f8e;font-size:10px;line-height:1.7;margin:9px 0 0}
.survey-feedback.error{color:#af503b}
@media(max-width:760px){.survey-primary-number strong{font-size:21px}.survey-field select{font-size:12px}}
@media(max-width:360px){.survey-primary{flex-direction:column;align-items:stretch}.survey-primary-number{align-self:flex-end}.survey-action{min-width:118px}}

.survey-jump{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:11px 13px;margin:-6px 0 17px;background:#e6f4f3;color:#1d6570;border:1px solid #91c9cb;border-radius:9px;font-size:11px;font-weight:800;text-align:left}
.survey-jump:hover{background:#d6eff0}
.survey-jump>span{font-size:16px;line-height:1}

/* Static geoid model controls: clearly delineated file selectors. */
.model-card{border:1px solid #d1e1e8}
.model-line{border:1px solid #dae6eb;border-radius:9px;background:#f8fbfc;padding:11px 10px;margin:11px 0}
.model-line label{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:11px;font-weight:800;color:#385769;margin-bottom:8px}
.model-line input[type=file]{display:block;width:100%;max-width:100%;font-size:11px;min-height:31px;color:#435c6b}
.model-line input[type=file]::file-selector-button{background:#e4f2f5;color:#205e6e;border:1px solid #a9ccd3;border-radius:6px;cursor:pointer;padding:7px;margin-right:8px}
.model-state{font-size:10px;color:#6d8794;font-weight:600;max-width:100%;overflow-wrap:anywhere}
.model-state.ready{color:#18806f}.model-state.missing{color:#b16d34}
.model-card code{overflow-wrap:anywhere;font-size:10px}

/* v1.4: collapsed by default, readable on both desktop and narrow screens. */
.model-card .model-summary {
  list-style:none;cursor:pointer;display:flex;align-items:center;gap:8px;
  margin-bottom:0;min-height:28px;user-select:none;
}
.model-card .model-summary::-webkit-details-marker{display:none}
.model-card .model-summary:focus-visible{outline:3px solid #2facb9;outline-offset:4px;border-radius:5px}
.model-card .model-summary .pill{margin-left:auto}
.model-card .model-toggle-label{white-space:nowrap;color:#436b79;font-weight:700;font-size:10px}
.model-card .model-toggle-label::before{content:'設定を開く'}
.model-card[open] .model-toggle-label::before{content:'設定を閉じる'}
.model-card .model-chevron{font-size:18px;font-weight:800;line-height:1;color:#396877;transition:transform .15s ease}
.model-card[open] .model-chevron{transform:rotate(180deg)}
.model-card[open] .model-summary{border-bottom:1px solid #e2eaf0;padding-bottom:13px;margin-bottom:14px}
.model-card .model-body{min-width:0}
@media(max-width:375px){
  .model-card .model-summary{gap:5px}
  .model-card .model-summary h2{font-size:12px}
  .model-card .model-summary .pill{font-size:9px;padding:5px}
  .model-card .model-toggle-label{font-size:9px}
}

/* v1.6: The controls are a permanent header OUTSIDE the data scroll region.
   This also works on mobile, where the map and details stack vertically. */
.detail-pane {display:flex;flex-direction:column;overflow:hidden}
.detail-toolbar {flex:0 0 auto;position:relative;z-index:7;background:#fff;border-bottom:1px solid #d9e4ea;padding:16px 22px 14px;box-shadow:0 2px 8px rgba(11,41,55,.07)}
.detail-toolbar .section-heading {display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.detail-toolbar .section-heading h1 {font-size:20px;margin-top:3px}
.detail-toolbar .eyebrow {font-size:9px}
.panel-scroll {height:auto;min-height:0;flex:1 1 auto;overflow-y:auto;padding:18px 24px 32px}
.heading-actions {display:flex;align-items:center;gap:7px;flex:0 0 auto;flex-wrap:nowrap}
.heading-actions .outline-button {white-space:nowrap;min-height:38px;padding:8px 11px;flex:none}
.save-image-button {background:#e5f5f1!important;border:1px solid #83c3b8!important;color:#176b63!important}
.save-image-button:hover {background:#d6efea!important}
.save-image-button:disabled {opacity:.6;cursor:wait}
.map-head {justify-content:flex-end}
@media(max-width:1080px){.detail-toolbar{padding:12px 15px}}
@media(max-width:760px){
  .detail-toolbar{padding:9px 14px 10px}
  .detail-toolbar .section-heading h1{font-size:19px}
  .heading-actions{gap:6px}
  .heading-actions .outline-button{min-height:38px;padding:7px 9px;font-size:11px}
  .panel-scroll{padding:16px 14px 38px}
}
@media(max-width:375px){
  .detail-toolbar{padding:9px 10px 10px}
  .detail-toolbar .section-heading h1{font-size:17px}
  .heading-actions{gap:5px}
  .heading-actions .outline-button{padding:7px;font-size:10px}
}

/* v1.6.1: On PC, move the geolocation control into the vacant upper-left
   corner. Keep the original placement on narrow/mobile layouts. */
@media (min-width:761px){
  .locate-floating{left:20px;top:20px}
}

/* v1.6.2: geoid source / resolution notice near the end of the scrollable details. */
.mesh-notice{margin:20px 0 13px;padding:15px 15px 13px;border:1px solid #cedce4;background:#fff;border-radius:10px;color:#465f6e;line-height:1.75}
.mesh-notice h2{font-size:13px;line-height:1.4;margin:0 0 9px;color:#26475a}
.mesh-notice p{font-size:11px;line-height:1.8;margin:8px 0;overflow-wrap:anywhere}
.mesh-notice a{display:inline-block;margin-top:7px;font-size:11px;color:#126a80;line-height:1.5;text-decoration:underline;overflow-wrap:anywhere}
@media(max-width:760px){.mesh-notice{padding:13px 12px}.mesh-notice h2{font-size:12px}.mesh-notice p{font-size:11px}}