.uki-support-page{--hk:#176b87;--hk-dark:#0d4257;--hk-soft:#eaf6fa;--hk-accent:#e27538}
.uki-support-page .hk-hero{background:linear-gradient(135deg,#0d4257 0%,#176b87 58%,#268aa4 100%)}
.uki-support-page .hk-hero h1{max-width:900px}.uki-support-page .hk-hero-actions{flex-wrap:wrap}
.uki-support-page .hk-version b{color:#fff}
/* 宇城市公式「うき支援ナビ」特設バナー */
.uki-official-service-banner{margin:28px auto;padding:26px 30px;border:2px solid #176b87;border-left:8px solid #0d4257;border-radius:16px;background:linear-gradient(135deg,#eaf6fa 0%,#ffffff 65%);box-shadow:0 6px 18px rgba(13,66,87,.08)}
.uki-service-banner-inner{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}
.uki-service-badge{display:inline-flex;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;border-radius:6px;background:#0d4257;color:#fff;font-size:12.5px;font-weight:900;letter-spacing:.04em}
.uki-service-badge::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#fff}
.uki-service-title{margin:0 0 8px;color:#0d4257;font-size:clamp(22px,3vw,28px);font-weight:900;line-height:1.3}
.uki-service-lead{margin:0 0 12px;color:#35535f;font-size:15px;line-height:1.75}
.uki-service-dial{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 14px;border-radius:8px;background:#e1f0f5;border:1px solid #b5d8e5;color:#0b4358;font-size:14px;font-weight:850}
.uki-service-dial a{color:#176b87;font-size:18px;font-weight:950;text-decoration:none}
.uki-service-dial a:hover{text-decoration:underline}
.uki-service-dial span{color:#4f6e7c;font-size:12.5px;font-weight:700}
.uki-service-btn{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;min-width:220px;min-height:64px;padding:12px 24px;border-radius:12px;background:#176b87;color:#fff!important;text-align:center;text-decoration:none;box-shadow:0 4px 12px rgba(23,107,135,.28);transition:background .2s,transform .2s}
.uki-service-btn:hover{background:#0d4257;transform:translateY(-2px);text-decoration:none}
.uki-service-btn b{font-size:17px;font-weight:900}
.uki-service-btn small{margin-top:2px;font-size:12px;opacity:.9}
@media(max-width:800px){.uki-service-banner-inner{grid-template-columns:1fr;gap:18px}.uki-service-btn{width:100%}}
.uki-quick{padding:26px 0 6px;background:#f4fafc;border-bottom:1px solid #d9e8ed;scroll-margin-top:80px}.uki-quick-label{margin:0 0 12px;color:var(--hk-dark);font-size:1.08rem;font-weight:900}.uki-quick-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.uki-quick-grid a{display:flex;min-height:84px;flex-direction:column;justify-content:center;padding:13px;border:2px solid #b8d9e4;border-radius:14px;background:#fff;color:var(--hk-dark);text-decoration:none;box-shadow:0 4px 12px rgba(13,66,87,.05)}.uki-quick-grid b{font-size:1rem}.uki-quick-grid span{margin-top:4px;color:#52666e;font-size:.72rem;line-height:1.4}.uki-quick-help{margin:12px 0 0;color:#52666e;font-size:.86rem}.uki-quick-help a{color:var(--hk-dark);font-weight:850}
.uki-guide-map{padding:44px 0;background:#fff;scroll-margin-top:80px}.uki-guide-map header{max-width:760px;margin-bottom:20px}.uki-guide-map header h2,.uki-guide-map header p{margin:0}.uki-guide-map header h2{margin:4px 0 8px;color:var(--hk-dark);font-size:clamp(1.55rem,3vw,2.2rem)}.uki-guide-map nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.uki-guide-map nav a{display:flex;min-height:112px;flex-direction:column;justify-content:center;padding:18px;border:1px solid #cbdde4;border-left:6px solid var(--hk);border-radius:14px;background:#f7fbfc;color:var(--hk-dark);text-decoration:none}.uki-guide-map nav b{font-size:1.05rem}.uki-guide-map nav span{margin-top:6px;color:#52666e;font-size:.86rem;line-height:1.55}
.uki-step-list{display:grid;gap:14px;margin:0;padding:0;list-style:none}.uki-step-list li{display:grid;grid-template-columns:48px 1fr;gap:16px;padding:20px;border:1px solid #d7e3e8;border-radius:16px;background:#fff}.uki-step-list>li>span{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--hk);color:#fff;font-weight:900}.uki-step-list h3,.uki-step-list p{margin:0}.uki-step-list h3{margin-bottom:7px;color:var(--hk-dark)}
.uki-official-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;color:#075e83!important;font-weight:850;text-decoration:underline;text-underline-offset:3px}.uki-official-link::after{content:"↗";text-decoration:none}
.uki-certificate-box{margin-top:22px;padding:22px;border:2px solid #b9dce8;border-radius:18px;background:var(--hk-soft)}.uki-certificate-box h3,.uki-certificate-box p{margin:0}.uki-certificate-box dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}.uki-certificate-box dl div{padding:14px;border-radius:12px;background:#fff}.uki-certificate-box dt{font-weight:900;color:var(--hk-dark)}.uki-certificate-box dd{margin:5px 0 0;font-size:.92rem}
.uki-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.uki-legend span{padding:7px 11px;border:1px solid #d6e2e7;border-radius:999px;background:#fff;font-size:.86rem}.uki-legend b{margin-right:4px}.uki-legend .yes,.uki-damage-table .yes{color:#087446}.uki-legend .maybe,.uki-damage-table .maybe{color:#956000}.uki-legend .no,.uki-damage-table .no{color:#9b3a36}
.uki-table-scroll{overflow-x:auto;border:1px solid #c9dce3;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(13,66,87,.08)}.uki-table-scroll:focus{outline:3px solid #efb263;outline-offset:3px}.uki-damage-table{width:100%;min-width:790px;border-collapse:collapse}.uki-damage-table th,.uki-damage-table td{padding:12px 10px;border-right:1px solid #dbe6ea;border-bottom:1px solid #dbe6ea;text-align:center;vertical-align:middle}.uki-damage-table thead th{background:var(--hk-dark);color:#fff;font-size:.88rem}.uki-damage-table tbody th{width:31%;text-align:left;color:#173d4c}.uki-damage-table tbody tr:nth-child(even){background:#f6fafb}.uki-damage-table td{font-size:1.12rem;font-weight:900}.uki-damage-table td small{display:block;margin-top:2px;color:#53676f;font-size:.68rem;font-weight:700}.uki-damage-table a{color:var(--hk-dark);text-decoration:underline;text-underline-offset:3px}.uki-table-note{margin:12px 0 0;padding:12px 15px;border-left:5px solid var(--hk-accent);background:#fff8ee;font-size:.9rem}
.uki-damage-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px}.uki-damage-cards article{scroll-margin-top:90px;padding:18px;border:1px solid #c9dce3;border-top:5px solid var(--hk);border-radius:14px;background:#fff}.uki-damage-cards article>span{color:#61747b;font-size:.72rem;font-weight:800}.uki-damage-cards h3,.uki-damage-cards p{margin:0}.uki-damage-cards h3{margin:2px 0 7px;color:var(--hk-dark);font-size:1.15rem}.uki-damage-cards p{font-size:.88rem;line-height:1.7}.uki-damage-cards article>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.uki-damage-cards a{display:inline-flex;min-height:38px;align-items:center;padding:6px 10px;border-radius:9px;background:var(--hk-soft);color:var(--hk-dark);font-size:.78rem;font-weight:850;text-decoration:none}.uki-damage-cards a::after{content:" ↓"}
.uki-detail-stack{display:grid;gap:18px}.uki-detail-stack>article{scroll-margin-top:90px;padding:24px;border:1px solid #d3e1e6;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(13,66,87,.06)}.uki-detail-stack>article>header{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}.uki-detail-stack>article>header span{padding:5px 9px;border-radius:999px;background:var(--hk-soft);color:var(--hk-dark);font-size:.78rem;font-weight:900}.uki-detail-stack h3,.uki-detail-stack h4,.uki-detail-stack p{margin:0}.uki-detail-stack h3{color:var(--hk-dark);font-size:1.28rem}.uki-detail-stack>article>p{line-height:1.8}.uki-detail-stack footer{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;margin-top:16px;padding:13px 0 0;border-top:1px solid #e0e8eb;background:transparent;color:inherit}.uki-detail-stack footer a,.uki-detail-stack footer>a{display:inline-flex;margin:0;color:var(--hk-dark);font-size:inherit;font-weight:850}
.uki-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}.uki-facts dl{margin:0;padding:13px;border-radius:11px;background:#f2f8fa}.uki-facts dt{color:#52666e;font-size:.75rem;font-weight:850}.uki-facts dd{margin:4px 0 0;color:#173d4c;font-weight:850}.uki-note{margin-top:13px!important;padding:12px 14px;border-left:4px solid var(--hk-accent);background:#fff8ee;font-size:.9rem}.uki-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.uki-compare>div{padding:15px;border-radius:12px;background:#f2f8fa}.uki-compare h4{margin-bottom:6px;color:var(--hk-dark)}
.uki-money-table{overflow-x:auto;margin:15px 0}.uki-money-table table{width:100%;min-width:670px;border-collapse:collapse}.uki-money-table th,.uki-money-table td{padding:11px;border:1px solid #ccdce2;text-align:center}.uki-money-table thead th{background:var(--hk-dark);color:#fff}.uki-money-table tbody th{text-align:left;background:#f2f8fa;color:#173d4c}
.uki-status-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.uki-status-list article{display:flex;flex-direction:column;gap:8px;padding:20px;border:1px solid #d7e3e8;border-left:5px solid var(--hk);border-radius:14px;background:#fff}.uki-status-list span{align-self:flex-start;padding:4px 9px;border-radius:999px;background:var(--hk-soft);color:var(--hk-dark);font-size:.78rem;font-weight:800}.uki-status-list h3,.uki-status-list p{margin:0}.uki-status-list a{margin-top:auto;color:var(--hk-dark);font-weight:800}
.uki-all-menus{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 22px;margin:0;padding:0;counter-reset:uki-menu;list-style:none}.uki-all-menus li{counter-increment:uki-menu;display:flex;gap:9px;align-items:flex-start;padding:10px 0;border-bottom:1px solid #dfe8eb}.uki-all-menus li::before{content:counter(uki-menu);display:grid;flex:0 0 27px;place-items:center;min-height:27px;border-radius:50%;background:var(--hk-soft);color:var(--hk-dark);font-size:.75rem;font-weight:900}
.uki-all-menus a{display:inline-flex;align-items:center;min-height:32px;color:#24483f;font-weight:750;text-decoration-thickness:1px;text-decoration-color:#8db9ae;text-underline-offset:4px}.uki-all-menus a::after{content:"↓";margin-left:7px;color:var(--hk);font-size:.78rem}.uki-all-menus a:hover{color:var(--hk);text-decoration-thickness:2px}
.uki-support-page .hk-sources{padding:72px 0 88px;background:#f4faf8;scroll-margin-top:80px}.uki-support-page .hk-sources>.hk-shell{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:54px;align-items:center}.uki-support-page .hk-sources h2{margin:8px 0 18px;color:var(--hk-dark);font-size:clamp(28px,3vw,40px)}.uki-support-page .hk-sources p{margin:0;line-height:1.8}.uki-support-page .hk-sources .hk-source-links{padding-block:8px}
@media(max-width:980px){.uki-guide-map nav{grid-template-columns:repeat(2,minmax(0,1fr))}.uki-quick-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.uki-damage-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.uki-certificate-box dl,.uki-facts{grid-template-columns:1fr}.uki-status-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.uki-support-page :is(.hk-alert b,.hk-alert p,.uki-quick-label,.uki-quick-grid b,.uki-quick-grid span){max-width:100%;overflow-wrap:anywhere!important}.uki-support-page .hk-hero{padding-bottom:28px}.uki-support-page .hk-hero-actions a{flex:1 1 100%;justify-content:center}.uki-support-page .hk-version{line-height:1.7}.uki-quick{padding:20px 0 4px}.uki-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.uki-quick-grid a{min-width:0;min-height:76px;padding:11px}.uki-step-list li{grid-template-columns:38px 1fr;padding:16px}.uki-step-list>li>span{width:36px;height:36px}.uki-certificate-box{padding:16px}.uki-damage-cards,.uki-status-list,.uki-all-menus,.uki-compare{grid-template-columns:1fr}.uki-detail-stack>article{padding:18px}.uki-table-scroll{display:none}.uki-legend{display:none}.uki-table-note{margin-top:0}.uki-money-table{margin-right:-18px}.uki-support-page .hk-hero h1{font-size:32px;line-height:1.22}.uki-support-page .hk-hero h1 br{display:none}}
@media(max-width:980px){.uki-support-page .hk-sources>.hk-shell{grid-template-columns:1fr;gap:30px}}
@media(max-width:760px){.uki-support-page .hk-sources{padding:52px 0 64px}.uki-guide-map{padding:32px 0}.uki-guide-map nav{grid-template-columns:1fr}.uki-guide-map nav a{min-height:0}}
@media print{.uki-support-page .hk-hero{background:#fff!important;color:#111!important}.uki-table-scroll,.uki-money-table{overflow:visible}.uki-damage-table,.uki-money-table table{min-width:0;font-size:8pt}.uki-damage-cards{grid-template-columns:repeat(3,1fr)}.uki-status-list{grid-template-columns:repeat(2,1fr)}.uki-all-menus{grid-template-columns:repeat(2,1fr)}.uki-detail-stack>article{break-inside:avoid;box-shadow:none}}