#tsp-member-main{--tsp-member-accent:var(--color_main,#47ad35);--tsp-member-primary:color-mix(in srgb,var(--tsp-member-accent) 65%,#000);--tsp-member-dark:color-mix(in srgb,var(--tsp-member-accent) 50%,#000);font-family:inherit;line-height:1.85;overflow-wrap:anywhere;color:#243528}

#tsp-member-main, #tsp-member-main *{box-sizing:border-box}
body.tsp-member-isolated{margin:0;background:#f4f7f6;color:#203e42;font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;line-height:1.85;overflow-wrap:anywhere}
#tsp-member-main{max-width:960px;margin:40px auto;padding:40px;background:#fff;border:1px solid #e2ebe7;border-radius:20px;box-shadow:0 12px 40px #163d2710}
#tsp-member-main h1{font-size:1.9rem;line-height:1.5;margin:0 0 18px}
#tsp-member-main h2{font-size:1.3rem;line-height:1.6;margin:12px 0}
#tsp-member-main a{color:var(--tsp-member-primary, #286d1e);text-underline-offset:4px}
#tsp-member-main button,
#tsp-member-main .tsp-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 24px;background:var(--tsp-member-primary, #286d1e);color:#fff;border:1px solid transparent;border-radius:8px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;line-height:1.6;max-width:100%}
#tsp-member-main button:hover,
#tsp-member-main .tsp-button:hover{background:var(--tsp-member-dark, #205818)}
#tsp-member-main .tsp-button-outline{background:#fff;color:var(--tsp-member-primary, #286d1e);border-color:#a7c7bd}
#tsp-member-main .tsp-button-outline:hover{background:#edf6f1}
#tsp-member-main button:disabled{opacity:.5;cursor:not-allowed}
#tsp-member-main button:focus-visible,
#tsp-member-main a:focus-visible,
#tsp-member-main input:focus-visible,
#tsp-member-main select:focus-visible,
#tsp-member-main textarea:focus-visible,
#tsp-member-main summary:focus-visible{outline:3px solid #d89e13;outline-offset:3px}
#tsp-member-main input:not([type=hidden]):not([type=checkbox]):not([type=radio]),
#tsp-member-main select,
#tsp-member-main textarea{display:block;width:100%;min-height:48px;margin-top:7px;padding:11px 12px;border:1px solid #9fb5ae;background:#fff;border-radius:7px;color:#203e42;font:inherit;line-height:1.5}
#tsp-member-main input[type=checkbox],
#tsp-member-main input[type=radio]{width:18px;height:18px;vertical-align:middle;accent-color:var(--tsp-member-primary, #286d1e)}
#tsp-member-main label{font-weight:600}
#tsp-member-main small,
#tsp-member-main .tsp-member-note{display:block;color:#546d68;font-size:.88rem;font-weight:400;line-height:1.75;margin-top:7px}
#tsp-member-main form{margin:20px 0}
#tsp-member-main form p{margin:0 0 20px}
#tsp-member-main fieldset{min-width:0}
#tsp-member-main summary{cursor:pointer;font-weight:700;padding:12px 0}
#tsp-member-main details{border-top:1px solid #dce7e1;margin:24px 0;padding:8px 0}
#tsp-member-main table{width:100%;border-collapse:collapse}
#tsp-member-main th,
#tsp-member-main td{text-align:left;border-bottom:1px solid #dce7e1;padding:12px;vertical-align:top}
#tsp-member-main [role=alert]{background:#fff0ee;border-left:4px solid #be453d;padding:14px 18px;color:#84362f;border-radius:5px}
#tsp-member-main [role=status],
#tsp-member-main .tsp-success{background:#eff8f2;border-left:4px solid #3e8a62;padding:16px 20px;border-radius:6px}
body.tsp-member-isolated .tsp-member-header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px max(24px,calc((100vw - 1120px)/2));background:#fff;border-bottom:1px solid #e0e9e5}
body.tsp-member-isolated .tsp-member-brand{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:800;text-decoration:none;color:#203e42}
body.tsp-member-isolated .tsp-member-brand img{max-width:260px;max-height:56px;object-fit:contain}
body.tsp-member-isolated .tsp-brand-mark{width:38px;height:38px;border-radius:10px;background:var(--tsp-member-primary, #286d1e);color:white;display:grid;place-items:center;font-size:1.4rem}
body.tsp-member-isolated .tsp-member-footer{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;font-size:.88rem;padding:0 20px 40px}
#tsp-member-main .tsp-eyebrow{font-size:.72rem;letter-spacing:.16em;color:#517b70;font-weight:800;margin:0 0 12px}
#tsp-member-main .tsp-lead{color:#546d68;margin:0 0 28px}
#tsp-member-main .tsp-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
#tsp-member-main .tsp-choice{border:1px solid #d9e6df;border-radius:14px;padding:26px;background:linear-gradient(145deg,#f5faf7,#fff 55%);display:flex;flex-direction:column}
#tsp-member-main .tsp-choice .tsp-button,
#tsp-member-main .tsp-choice form{margin-top:auto}
#tsp-member-main .tsp-choice form button{width:100%}
#tsp-member-main .tsp-tag{color:#376e61;font-weight:700;font-size:.83rem;margin:0}
#tsp-member-main .tsp-flow{padding-left:24px;font-size:.93rem;margin:8px 0 24px}
#tsp-member-main .tsp-flow li{padding:6px 0}
#tsp-member-main .tsp-line{background:#087d3e}
#tsp-member-main .tsp-auth-footer{border-top:1px solid #e0e9e4;padding-top:24px;margin-top:28px;text-align:center}
#tsp-member-main .tsp-progress{display:flex;list-style:none;padding:0;margin:24px 0 32px;gap:8px}
#tsp-member-main .tsp-progress li{flex:1;font-size:.78rem;background:#f1f5f3;border-bottom:3px solid #dbe7e1;padding:12px 8px;color:#5b7069;line-height:1.6}
#tsp-member-main .tsp-progress li span{display:block;font-size:.9rem;font-weight:800}
#tsp-member-main .tsp-progress [aria-current=step]{border-color:var(--tsp-member-primary, #286d1e);background:#e9f5ee;color:#205c4f;font-weight:700}
#tsp-member-main .tsp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
#tsp-member-main .tsp-required{font-size:.7rem;color:#8a4731;background:#fcf0e9;border-radius:3px;padding:2px 5px;margin-left:5px}
#tsp-member-main .tsp-review{border-top:1px solid #dce7e1;margin:25px 0}
#tsp-member-main .tsp-review>div{display:grid;grid-template-columns:210px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #dce7e1}
#tsp-member-main .tsp-review dt{color:#57716a;font-weight:600}
#tsp-member-main .tsp-review dd{margin:0}
#tsp-member-main .tsp-form-actions{display:flex;gap:12px;flex-wrap:wrap}
#tsp-member-main .tsp-auth-form{max-width:520px}
#tsp-member-main .tsp-otp{letter-spacing:.4em;font-size:1.3rem!important}
#tsp-member-main .tsp-register-form{margin-top:24px}@media(max-width:680px){
#tsp-member-main{margin:20px 12px;padding:24px 18px;border-radius:14px}
#tsp-member-main h1{font-size:1.55rem}
body.tsp-member-isolated .tsp-member-header{padding:16px;gap:12px}
body.tsp-member-isolated .tsp-member-brand{font-size:.85rem;gap:8px}
body.tsp-member-isolated .tsp-member-header>a:last-child{font-size:.8rem;white-space:nowrap}
body.tsp-member-isolated .tsp-brand-mark{width:30px;height:30px;font-size:1.2rem}
body.tsp-member-isolated .tsp-member-brand img{max-width:190px}
#tsp-member-main .tsp-choice-grid,
#tsp-member-main .tsp-form-grid{grid-template-columns:1fr}
#tsp-member-main .tsp-choice{padding:22px}
#tsp-member-main .tsp-progress{gap:4px}
#tsp-member-main .tsp-progress li{font-size:.7rem;padding:10px 6px}
#tsp-member-main .tsp-form-actions{flex-direction:column}
#tsp-member-main .tsp-review>div{grid-template-columns:1fr;gap:5px}
body.tsp-member-isolated .tsp-member-footer{gap:18px}
#tsp-member-main .tsp-button,
#tsp-member-main button{width:100%}
#tsp-member-main .tsp-member-preferences label{display:block}
#tsp-member-main table{font-size:.85rem}
#tsp-member-main th,
#tsp-member-main td{padding:8px}}
#tsp-member-main .tsp-member-preferences{margin:20px 0 28px}
#tsp-member-main .tsp-member-preferences fieldset{border:1px solid #c9dcd1;border-radius:10px;padding:18px;min-width:0}
#tsp-member-main .tsp-member-preferences legend{font-weight:700}
#tsp-member-main .tsp-member-preferences label{display:inline-block;padding:8px 4px}
#tsp-member-main .tsp-member-preferences input{accent-color:#06763b}
#tsp-member-main .tsp-member-note{color:#53695e;font-size:.9rem}
/* A compact member service, without administrator statistics or a sidebar. */
#tsp-member-main .tsp-mail-receipt{margin:24px 0 32px;padding:24px;border:1px solid #bcd9cc;border-radius:14px;background:#f4faf6}
#tsp-member-main .tsp-mail-receipt h2{margin:8px 0 16px}
#tsp-member-main .tsp-mail-receipt p:last-child{margin-bottom:0}
#tsp-member-main .tsp-mail-receipt [role=status]{margin:12px 0}
#tsp-member-main .tsp-mail-receipt-mark{display:grid;place-items:center;width:44px;height:44px;margin:0;border-radius:50%;background:var(--tsp-member-primary, #286d1e);color:#fff;font-size:1.5rem;font-weight:700}
#tsp-member-main .tsp-mail-help li{padding:5px 0}
#tsp-member-main .tsp-mail-help ul{padding-left:24px}
@media(max-width:680px){
#tsp-member-main .tsp-mail-receipt{padding:20px 16px}
#tsp-member-main .tsp-mail-receipt h2{font-size:1.2rem}}
body.tsp-member-isolated .tsp-member-brand img.tsp-member-site-icon{width:38px;height:38px;flex:none}
#tsp-member-main .tsp-member-welcome{padding:4px 0 24px;border-bottom:1px solid #e0e9e4;margin-bottom:28px}
#tsp-member-main .tsp-member-welcome p{margin:0 0 8px}
#tsp-member-main .tsp-member-name{font-size:1.3rem;font-weight:700}
#tsp-member-main .tsp-member-state{display:inline-block;background:#eff6f1;color:#2e674e;padding:2px 10px;border-radius:5px;font-size:.9rem}
#tsp-member-main .tsp-member-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0}
#tsp-member-main .tsp-member-menu>a{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid #dce6e0;border-radius:12px;background:#fff;text-decoration:none;color:#203e42;min-width:0}
#tsp-member-main .tsp-member-menu>a:hover{border-color:#6f9b89;background:#f9fcfa}
#tsp-member-main .tsp-member-menu strong{display:flex;justify-content:space-between;font-size:1.1rem}
#tsp-member-main .tsp-member-menu>a>span{font-size:.9rem;color:#5b7069;font-weight:400}
#tsp-member-main .tsp-member-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 32px;padding-bottom:20px;border-bottom:1px solid #e0e9e4}
#tsp-member-main .tsp-member-tabs a{padding:8px 14px;border:1px solid #dce6e0;border-radius:7px;text-decoration:none;font-size:.9rem}
#tsp-member-main .tsp-member-tabs [aria-current=page]{background:#edf6f1;border-color:#6f9b89;font-weight:700}
#tsp-member-main .tsp-member-panel{min-width:0;overflow-x:auto}
#tsp-member-main .tsp-member-panel>section{padding:0 0 12px}
#tsp-member-main .tsp-member-panel h2{margin:0 0 20px}
#tsp-member-main .tsp-member-list article{padding:22px 0;border-bottom:1px solid #dce6e0}
#tsp-member-main .tsp-member-list article h3{font-size:1.05rem;margin:4px 0 12px}
#tsp-member-main .tsp-member-list article p{margin:10px 0}
#tsp-member-main .tsp-member-pagination{display:flex;justify-content:space-between;gap:20px;margin:20px 0}
#tsp-member-main .tsp-member-logout{border-top:1px solid #e0e9e4;margin-top:32px;padding-top:8px}
#tsp-member-main .tsp-member-logout form{margin-bottom:0}
#tsp-member-main .tsp-member-logout button{min-width:140px}
@media(max-width:680px){
#tsp-member-main .tsp-member-menu{grid-template-columns:1fr;gap:12px}
#tsp-member-main .tsp-member-menu>a{padding:20px}
#tsp-member-main .tsp-member-name{font-size:1.15rem}
#tsp-member-main .tsp-member-tabs{gap:6px}
#tsp-member-main .tsp-member-tabs a{padding:8px 10px;font-size:.8rem}
#tsp-member-main .tsp-member-panel th,
#tsp-member-main .tsp-member-panel td{overflow-wrap:anywhere}
#tsp-member-main .tsp-member-logout button{width:auto}}

#tsp-member-main h1,#tsp-member-main h2,#tsp-member-main h3{background:none;border:0;padding:0;box-shadow:none;color:#243528}
#tsp-member-main h1::before,#tsp-member-main h1::after,#tsp-member-main h2::before,#tsp-member-main h2::after{display:none}
#tsp-member-main .tsp-eyebrow{color:var(--tsp-member-primary,#286d1e)}
#tsp-member-main .tsp-progress [aria-current=step]{border-color:var(--tsp-member-accent,#47ad35)}
