:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f8fa;--surface:#fff;--text:#17212b;--muted:#596773;--accent:#17212b}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}button,input{font:inherit}.entry{background:radial-gradient(at 50% 20%,#eef1f499,#0000 60%);flex-direction:column;align-items:center;min-height:100svh;padding:40px 24px 24px;display:flex}.wordmark{letter-spacing:.16em;align-items:center;gap:12px;font-size:13px;font-weight:750;display:flex}.mark{background:var(--accent);background:#ff4655;border-radius:4px;width:14px;height:18px}.login-card{background:var(--surface);border:1px solid #dfe4e8;border-radius:16px;width:100%;max-width:480px;margin:auto;padding:44px 36px 28px;box-shadow:0 24px 80px #1c34410b}.eyebrow{color:var(--accent);letter-spacing:.16em;margin:0 0 24px;font-size:11px;font-weight:700}h1{letter-spacing:.02em;margin:0 0 18px;font-size:clamp(26px,5vw,34px);line-height:1.55}.intro{color:var(--muted);margin:0;font-size:14px;line-height:1.9}.form-area{margin-top:32px}label{margin-bottom:10px;font-size:13px;display:block}input{width:100%;height:48px;color:var(--text);background:#fff;border:1px solid #c9d4da;border-radius:10px;padding:0 14px}input::placeholder{color:#71818c}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:10px;width:100%;min-height:48px;margin-top:14px;font-weight:650}button:hover:not(:disabled){filter:brightness(.96)}button:disabled{color:#596773;cursor:wait;background:#e2e6ea}button:focus-visible,input:focus-visible{outline:2px solid var(--text);outline-offset:3px}.code-field{margin-top:20px}.secondary-actions{gap:20px;display:flex}.text-button{width:auto;min-height:40px;color:var(--muted);background:0 0;font-size:12px;text-decoration:underline}.status{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.8}.invitation-note{color:var(--muted);border-top:1px solid #dfe4e8;margin:30px 0 0;padding-top:22px;font-size:12px;line-height:1.8}.login-challenge{min-width:0;margin-top:20px}.login-challenge p{color:var(--muted);font-size:11px;line-height:1.7}footer{color:var(--muted);letter-spacing:.05em;padding-top:32px;font-size:11px}a{color:#17212b;text-underline-offset:3px}.registration-details{color:var(--muted);margin-top:24px;font-size:13px;line-height:1.8}.registration-details summary{cursor:pointer;margin-bottom:12px}.checkbox-label{align-items:flex-start;gap:10px;margin-top:14px;display:flex}.checkbox-label input{flex-shrink:0;width:18px;height:18px;margin-top:3px}.admin-card{background:var(--surface);border:1px solid #dfe4e8;border-radius:16px;width:100%;max-width:1100px;padding:32px}.admin-card nav{margin-bottom:32px;font-size:13px}.admin-card h2{margin-top:32px;font-size:20px}.management-note{background:#fcf8ee;border:1px solid #e4d6b5;border-radius:8px;padding:16px;font-size:14px;line-height:1.9}.management-note a{margin-left:12px;display:inline-block}.invite-form{border-bottom:1px solid #dfe4e8;margin-top:28px;padding:0 0 24px}.invite-input-row{gap:12px;display:flex}.invite-input-row button{flex-shrink:0;width:200px;margin:0}.section-heading{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;margin:16px 0 28px;font-size:13px;line-height:1.7}th{color:var(--muted);font-weight:500}td,th{vertical-align:top;border-bottom:1px solid #dfe4e8;padding:16px 12px}td small{color:var(--muted);display:block}td{overflow-wrap:anywhere;min-width:100px}.small-button{color:#344c5a;white-space:nowrap;background:#eaf0f3;width:auto;min-height:38px;margin:0;padding:6px 14px;font-size:12px}.danger{color:#a63a38;background:#fbeceb}.row-actions{gap:8px;display:flex}@media (max-width:650px){.admin-card{padding:24px 16px}.invite-input-row{flex-direction:column}.invite-input-row button{width:100%}}@media (max-width:520px){.entry{padding:28px 18px 20px}.login-card{margin:44px 0 auto;padding:32px 24px 24px}}.eyebrow,a{color:#be3040}.member-site{min-height:100svh}.site-header{background:#fff;border-bottom:1px solid #dfe4e8;align-items:center;gap:40px;min-height:84px;padding:0 5vw;display:flex}.site-brand{color:#17212b;letter-spacing:.12em;white-space:nowrap;align-items:center;gap:12px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.site-brand .mark{border-radius:2px;width:9px;height:19px}.site-nav{align-self:stretch;align-items:center;gap:28px;margin-left:auto;display:flex}.site-nav a{color:#596773;border-bottom:3px solid #0000;align-self:stretch;align-items:center;padding-top:3px;font-size:13px;text-decoration:none;display:flex}.site-nav a[aria-current=page]{color:#17212b;border-bottom-color:#ff4655;font-weight:750}.site-account button{color:#596773;background:#f1f3f6;width:auto;min-height:36px;margin:0;padding:7px 12px;font-size:12px}.member-site a:focus-visible{outline-offset:5px;outline:2px solid #be3040}.skip-link{z-index:10;background:#fff;padding:14px;position:absolute;top:-100px;left:20px}.skip-link:focus{top:16px}.session-message{padding:12px 5vw;font-size:13px}.member-main{max-width:1200px;margin:auto;padding:0 40px 90px}.home-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:75px;padding:76px 0 70px;display:grid}.home-hero .eyebrow{margin-bottom:28px}.welcome{color:#596773;overflow-wrap:anywhere;margin:0 0 12px;font-size:13px}.home-hero h1{letter-spacing:-.025em;font-size:clamp(34px,4vw,54px);font-weight:750;line-height:1.45}.home-description{color:#596773;margin:20px 0 28px;font-size:14px;line-height:2}.primary-link{color:#fff;background:#17212b;border-radius:7px;justify-content:space-between;align-items:center;gap:45px;padding:15px 22px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.home-visual{background:linear-gradient(145deg,#fff 15%,#fff0f1);border:1px solid #e5d9de;border-top:3px solid #ff4655;border-radius:12px;flex-direction:column;justify-content:space-between;gap:30px;min-height:320px;padding:38px 34px;display:flex}.home-visual>span{letter-spacing:.17em;color:#be3040;font-size:10px}.home-visual>strong{letter-spacing:-.04em;font-size:clamp(28px,3.5vw,46px);line-height:1.15}.home-visual>div{letter-spacing:.12em;color:#596773;border-top:1px solid #eadbe0;gap:25px;padding-top:19px;font-size:10px;display:flex}.home-knowledge{border-top:1px solid #dfe4e8;padding-top:40px}.content-heading{justify-content:space-between;align-items:end;gap:20px;display:flex}.content-heading .eyebrow{margin:0 0 14px}.content-heading h2{letter-spacing:-.02em;margin:0;font-size:25px}.content-heading>a{white-space:nowrap;font-size:12px}.section-description{color:#596773;margin:16px 0 30px;font-size:13px;line-height:1.9}.home-article-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:48px;display:grid}.guide-card{color:#17212b;background:#fff;border:1px solid #dfe4e8;border-radius:10px;text-decoration:none;transition:box-shadow .15s,border-color .15s;display:block;overflow:hidden}.guide-card:hover{border-color:#c9afb5;box-shadow:0 10px 30px #17212b09}.guide-card-art{background:linear-gradient(120deg,#fff0f1,#f1f3f6);border-bottom:1px solid #e6dfe3;min-height:166px;padding:24px 26px;position:relative}.guide-card-art>span:first-child{letter-spacing:.16em;color:#be3040;font-size:9px;display:block}.guide-card-art>strong{letter-spacing:-.035em;margin-top:16px;font-size:34px;line-height:1.02;display:block}.art-round{color:#596773;letter-spacing:.1em;font-size:11px;position:absolute;bottom:24px;right:26px}.guide-card-body{padding:25px 26px}.guide-meta{color:#596773;gap:10px;font-size:10px;display:flex}.guide-meta>span:first-child{color:#be3040}.guide-card h2{justify-content:space-between;gap:16px;margin:16px 0 10px;font-size:23px;display:flex}.guide-card h2>span{font-size:19px;font-weight:400}.guide-card p{color:#596773;margin:0;font-size:13px;line-height:1.9}.guide-tags{flex-wrap:wrap;gap:7px;margin:18px 0 22px;padding:0;list-style:none;display:flex}.guide-tags li{color:#596773;background:#f5f6f8;border-radius:4px;padding:5px 8px;font-size:10px}.guide-card-foot{color:#596773;border-top:1px solid #edf0f2;justify-content:space-between;align-items:center;gap:12px;padding-top:17px;font-size:10px;display:flex}.guide-card-foot strong{color:#17212b;font-size:12px}.home-reading-note{padding:25px}.reading-note-number{letter-spacing:.12em;color:#be3040;font-size:12px}.home-reading-note h3{letter-spacing:-.02em;margin:20px 0 16px;font-size:27px;line-height:1.6}.home-reading-note p{color:#596773;font-size:13px;line-height:2}.breadcrumbs{color:#596773;flex-wrap:wrap;align-items:center;gap:10px;padding-top:28px;font-size:11px;display:flex}.breadcrumbs a{color:#596773}.article-breadcrumbs{max-width:1300px;margin:auto;padding-inline:6vw}.knowledge-intro{padding:60px 0 45px}.knowledge-intro .eyebrow{margin-bottom:20px}.knowledge-intro h1{letter-spacing:-.025em;font-size:clamp(28px,3.6vw,43px)}.knowledge-intro p:last-child{color:#596773;margin-bottom:0;font-size:14px;line-height:2}.list-heading{border-top:1px solid #dfe4e8;justify-content:space-between;align-items:center;gap:12px;padding:24px 0;display:flex}.list-heading h2{margin:0;font-size:16px}.list-heading h2 span{color:#596773;margin-left:12px;font-size:12px}.list-heading>span{color:#596773;font-size:11px}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;display:grid}.site-footer{border-top:1px solid #dfe4e8;flex-wrap:wrap;justify-content:space-between;gap:16px;max-width:1120px;margin:0 auto;padding:24px 0 30px;font-size:10px;display:flex}@media (max-width:800px){.site-header{flex-wrap:wrap;gap:18px;padding:16px 22px 0}.site-account{margin-left:auto}.site-nav{order:3;gap:25px;width:100%;min-height:48px;margin:0}.site-nav a{font-size:12px}.member-main{padding-inline:22px;padding-bottom:55px}.home-hero{grid-template-columns:1fr;gap:32px;padding:40px 0}.home-hero h1{font-size:38px}.home-visual{min-height:240px;padding:28px}.home-visual>strong{font-size:36px}.home-article-grid,.guide-grid{grid-template-columns:1fr;gap:24px}.home-reading-note{padding:10px 0}.content-heading{flex-direction:column;align-items:start;gap:18px}.content-heading h2{font-size:23px}.knowledge-intro{padding:40px 0 30px}.knowledge-intro h1{font-size:29px}.site-footer{margin-inline:22px}.guide-card-body{padding:22px}.art-round{font-size:10px}}@media (prefers-reduced-motion:reduce){.guide-card{transition:none}}
