*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#E7F4F8;color:#1F3C44;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;object-fit:contain;object-position:center}button,input{font:inherit}.skip-link{position:fixed;left:12px;top:-80px;z-index:200;background:#F3FAFC;color:#163038;padding:8px 12px;border-radius:8px}.skip-link:focus{top:8px}.tide-brow,.bay-brand,.shore-points{position:fixed;left:0;right:0;z-index:80}.tide-brow{top:0;height:20px;background:#1A3A44;color:#F3FAFC;font-size:12px}.bay-brand{top:20px;height:54px;background:#7EB8E0;border-bottom:1px solid rgba(110,201,212,.5)}.shore-points{top:74px;height:44px;background:#F3FAFC;border-bottom:1px solid rgba(26,58,68,.14)}.bar-inner,.shore-inner{width:min(1000px,calc(100% - 32px));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.tide-brow .bar-inner{line-height:20px}.text-button,.menu-button,.close-button{border:0;background:transparent;color:inherit;cursor:pointer;min-width:44px;min-height:44px}.text-button{min-height:20px;padding:0 4px;color:#F3FAFC}.brand-inner{gap:20px}.brand-link{display:flex;align-items:center;min-height:44px}.brand-logo{height:24px;width:auto}.brand-fallback{font-size:16px;font-weight:700;color:#163038}.brand-actions{display:flex;align-items:center;gap:8px}.brand-app-link,.menu-button{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 12px;border-radius:9px;color:#163038}.brand-app-link:hover,.menu-button:hover,.brand-app-link:focus-visible,.menu-button:focus-visible{background:#F3FAFC;outline:2px solid rgba(26,58,68,.25);outline-offset:2px}.shore-inner{justify-content:center;gap:52px}.shore-link{height:44px;min-width:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:13px;color:#4A6E78}.shore-dot{width:6px;height:6px;background:#6EC9D4;border-radius:50%}.shore-link.is-current{color:#1A3A44;font-weight:700}.shore-link.is-current .shore-dot{background:#1A3A44}.site-main{padding:138px 16px 0;min-height:60vh}.page-wrap{width:min(1000px,100%);margin:0 auto}.section{margin:0 auto 34px}.eyebrow{font-size:12px;color:#6A8C96;letter-spacing:.08em}.section h1,.section h2,.section h3{color:#163038;margin-top:0}.section h1{font-size:24px;line-height:1.3;margin-bottom:14px}.section h2{font-size:20px;line-height:1.4}.section h3{font-size:16px;line-height:1.45}.section p{margin:0 0 14px}.lead{font-size:16px;color:#4A6E78}.intro-line{border-left:3px solid #6EC9D4;padding:26px 24px;background:#F3FAFC;border-radius:0 10px 10px 0;box-shadow:0 12px 28px rgba(22,48,56,.08)}.hero-sentence{font-size:20px;color:#163038;font-weight:700;margin-bottom:8px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.btn{height:42px;padding:0 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.btn-primary{background:linear-gradient(135deg,#7EB8E0 0%,#6EC9D4 100%);color:#163038}.btn-secondary{background:#F3FAFC;color:#1A3A44;border:1px solid #1A3A44}.btn:hover,.btn:focus-visible{transform:translateY(-1px);outline:2px solid rgba(26,58,68,.24);outline-offset:2px}.image-slot{width:100%;background:#D7ECF2;border:1px solid rgba(26,58,68,.14);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain}.strip-188{height:188px}.banner-200{height:200px}.app-visual{height:min(320px,58vw)}.empty-note{min-height:84px}.stagger-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stagger-item{background:#F3FAFC;border:1px solid rgba(26,58,68,.14);border-radius:10px;padding:18px;box-shadow:0 12px 28px rgba(22,48,56,.05)}.stagger-item .image-slot{margin-bottom:16px}.stagger-item.reverse{display:flex;flex-direction:column}.stagger-item.reverse .copy{order:1}.stagger-item.reverse .image-slot{order:2;margin:12px 0 0}.note-vertical{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.vertical-note{min-height:280px;background:#EAF6F9;border-left:1px solid rgba(110,201,212,.5);border-right:1px solid rgba(26,58,68,.08);padding:18px 16px;border-radius:8px;display:flex;flex-direction:column}.vertical-note .image-slot{height:110px;margin-bottom:16px}.center-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:780px;margin:0 auto}.center-card{text-align:center;background:#F3FAFC;border:1px solid rgba(26,58,68,.14);border-radius:11px;padding:22px}.center-card .image-slot{height:148px;margin-bottom:16px}.periods{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.period{background:#F3FAFC;border-top:3px solid #6EC9D4;border-radius:8px;padding:18px}.status-list{display:grid;gap:10px}.status-row{display:grid;grid-template-columns:130px 1fr auto;gap:16px;align-items:center;background:#F3FAFC;border:1px solid rgba(26,58,68,.14);border-radius:9px;padding:14px 16px}.status-badge{font-size:12px;border:1px solid rgba(110,201,212,.5);padding:4px 9px;border-radius:999px;color:#1A3A44;background:#EAF6F9;white-space:nowrap}.product-wide{display:grid;grid-template-columns:minmax(220px,.72fr) 1.28fr;gap:24px;align-items:center;background:#D7ECF2;border:1px solid rgba(110,201,212,.5);padding:24px;border-radius:12px}.product-icon{width:48px;height:48px;border-radius:11px;background:#F3FAFC;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.product-icon img{width:48px;height:48px}.method-list,.memo-list,.topic-list,.clause-list,.help-grid,.faq-list{display:grid;gap:12px}.method-item,.memo-item,.topic-item,.clause,.help-card,.faq-item{background:#F3FAFC;border:1px solid rgba(26,58,68,.14);border-radius:10px;padding:18px}.method-item{border-left:3px solid #7EB8E0}.memo-item{display:grid;grid-template-columns:120px 1fr;gap:18px}.topic-item{display:grid;grid-template-columns:160px 1fr;gap:20px;align-items:start}.topic-number{font-size:28px;font-weight:800;color:#7EB8E0;line-height:1}.page-head{margin-bottom:24px}.page-head p{max-width:780px}.short-cover{background:#F3FAFC;border:1px solid rgba(26,58,68,.14);padding:18px;border-radius:10px}.short-cover .image-slot{height:188px;margin-top:14px}.side-intro{border-left:3px solid #6EC9D4;padding:20px 22px;background:#F3FAFC;border-radius:0 9px 9px 0}.single-notes{max-width:760px;margin:0 auto;display:grid;gap:14px}.single-note{background:#F3FAFC;border:1px solid rgba(26,58,68,.14);border-radius:9px;padding:18px}.single-note .image-slot{height:180px;margin-bottom:14px}.timeline{display:grid;gap:12px}.timeline-row{display:grid;grid-template-columns:110px 1fr;gap:18px;padding:16px 0;border-bottom:1px solid rgba(26,58,68,.14)}.timeline-row strong{color:#163038}.reading-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.reading-card{background:#F3FAFC;padding:20px;border-radius:10px;border:1px solid rgba(26,58,68,.14)}.service-banner{background:#1A3A44;color:#F3FAFC;border-radius:11px;padding:22px}.service-banner h1,.service-banner h2,.service-banner h3{color:#F3FAFC}.service-banner .lead{color:#E7F4F8}.plain-list{padding-left:20px;margin:10px 0 0}.plain-list li{margin-bottom:7px}.legal-note{background:#EAF6F9;border:1px solid rgba(110,201,212,.5);border-radius:10px;padding:18px}.contact-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-path{background:#F3FAFC;border:1px solid rgba(26,58,68,.14);border-radius:10px;padding:20px}.faq-item h2{font-size:16px;margin-bottom:8px}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.about-panel{background:#F3FAFC;border:1px solid rgba(26,58,68,.14);border-radius:10px;padding:20px}.about-cover{height:210px;margin-top:12px}.site-footer{margin-top:54px;background:#143038;color:#E7F4F8;border-top:1px solid #6EC9D4;padding:34px 16px 76px;font-size:13px}.footer-inner{width:min(1000px,100%);margin:0 auto}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo{height:24px;width:auto}.footer-brand div:last-child{display:flex;gap:10px;align-items:baseline}.footer-brand span{color:#A9CBD2}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups section{display:flex;flex-direction:column;gap:7px}.footer-groups h2{font-size:13px;color:#F3FAFC;margin:0 0 3px}.footer-groups a{color:#E7F4F8}.footer-groups a:hover,.footer-groups a:focus-visible{text-decoration:underline;outline:none}.footer-note{margin:24px 0 8px;color:#CFE3E8}.copyright{margin:0;color:#A9CBD2}.overlay{position:fixed;inset:0;background:rgba(20,48,56,.36);z-index:95;opacity:0;visibility:hidden;pointer-events:none;transition:.18s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.bay-menu{position:fixed;left:0;right:0;top:0;height:58vh;z-index:100;background:#F3FAFC;transform:translateY(-102%);visibility:hidden;pointer-events:none;transition:.22s ease;box-shadow:0 12px 28px rgba(22,48,56,.18);overflow-y:auto}.bay-menu.is-open{transform:translateY(0);visibility:visible;pointer-events:auto}.bay-menu-head{position:sticky;top:0;background:#D7ECF2;display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(26,58,68,.14)}.menu-brand{display:flex;align-items:center;gap:10px}.menu-logo{height:24px;width:auto}.bay-menu-grid{width:min(1000px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:16px 0 28px}.bay-menu-grid h2{font-size:14px;color:#163038;margin:0 0 8px}.bay-menu-grid section{display:flex;flex-direction:column;gap:5px}.bay-menu-grid a{padding:8px;border-radius:8px}.bay-menu-grid a:hover,.bay-menu-grid a:focus-visible{background:#EAF6F9;outline:2px solid rgba(110,201,212,.35)}.bay-menu-grid b,.bay-menu-grid span{display:block}.bay-menu-grid b{font-size:14px;color:#163038}.bay-menu-grid span{font-size:12px;color:#4A6E78}.search-layer{position:fixed;left:0;right:0;top:74px;z-index:105;visibility:hidden;pointer-events:none;transform:translateY(-20px);opacity:0;transition:.18s}.search-layer.is-open{visibility:visible;pointer-events:auto;transform:translateY(0);opacity:1}.search-card{width:min(760px,calc(100% - 32px));margin:0 auto;background:#F3FAFC;border:1px solid rgba(110,201,212,.5);border-radius:0 0 11px 11px;padding:20px;box-shadow:0 12px 28px rgba(22,48,56,.14)}.search-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.search-card label{display:block;color:#4A6E78;margin-bottom:8px}.search-card input{width:100%;height:44px;border:1px solid rgba(26,58,68,.2);border-radius:8px;padding:0 12px;background:white;color:#163038}.search-presets{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.search-presets a{min-height:40px;padding:7px 12px;border:1px solid rgba(26,58,68,.14);border-radius:8px;background:#EAF6F9}.lock-scroll{overflow:hidden}.mobile-bottom{display:none}
@media (max-width:760px){.shore-points{display:none}.site-main{padding-top:94px;padding-bottom:58px}.tide-brow{height:20px}.bay-brand{top:20px}.bar-inner{width:calc(100% - 32px)}.brand-actions{gap:2px}.brand-app-link,.menu-button{padding:0 8px}.stagger-grid,.note-vertical,.periods,.center-cards,.reading-cards,.about-columns,.contact-paths,.footer-groups,.product-wide{grid-template-columns:1fr}.vertical-note{min-height:auto}.product-wide{gap:16px}.product-wide .app-visual{height:min(320px,82vw)}.status-row{grid-template-columns:1fr}.memo-item,.topic-item,.timeline-row{grid-template-columns:1fr;gap:8px}.bay-menu{height:58vh}.bay-menu-grid{grid-template-columns:1fr 1fr}.search-layer{inset:0;top:0;background:#1A3A44;display:flex;align-items:flex-start;padding-top:24px}.search-card{width:calc(100% - 32px);background:#1A3A44;color:#F3FAFC;border-color:rgba(110,201,212,.5);box-shadow:none}.search-card label{color:#E7F4F8}.search-card input{background:#F3FAFC;color:#163038}.search-presets a{background:transparent;border-color:#6EC9D4;color:#F3FAFC}.search-head strong,.search-head .close-button{color:#F3FAFC}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:85;display:grid;grid-template-columns:repeat(4,1fr);height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#F3FAFC;border-top:1px solid rgba(26,58,68,.14)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:48px;font-size:13px;color:#4A6E78}.mobile-bottom a.is-current{background:#6EC9D4;color:#163038;font-weight:700}.site-footer{padding-bottom:88px}.intro-line{padding:22px 18px}.strip-188{height:188px}.footer-brand div:last-child{flex-direction:column;gap:0}.bay-menu-grid a{padding:7px 4px}.site-main .page-wrap{max-width:100%}}
@media (max-width:420px){.bay-menu-grid{grid-template-columns:1fr}.bay-menu{height:58vh}.brand-app-link{font-size:13px}.menu-button{font-size:13px}.footer-groups{grid-template-columns:1fr 1fr}.stagger-item,.vertical-note,.center-card,.period,.single-note,.reading-card,.about-panel,.contact-path,.clause,.help-card,.faq-item{padding:16px}}