/* Studio / Collection. Theme values are shared with the authenticated reader. */
:root{color-scheme:light;--sp-bg:#f1f4f8;--sp-panel:#fff;--sp-soft:#e8eef6;--sp-ink:#192c43;--sp-muted:#53657a;--sp-line:#d4deea;--sp-accent:#285ab2;--sp-on-accent:#fff;--sp-active:#e4edfc;--sp-good:#206547;--sp-good-bg:#e8f3ec;--sp-warn:#805c22;--sp-warn-bg:#fbf0d8;--sp-error:#963c31}
html[data-theme=dark]{color-scheme:dark;--sp-bg:#101923;--sp-panel:#172330;--sp-soft:#223246;--sp-ink:#eaf1fa;--sp-muted:#acbbcd;--sp-line:#304154;--sp-accent:#9ac2ff;--sp-on-accent:#172b44;--sp-active:#263f5e;--sp-good:#9cddbb;--sp-good-bg:#203e33;--sp-warn:#e8c68d;--sp-warn-bg:#453922;--sp-error:#ffb8ae}
.cp-portal{--ink:var(--sp-ink);--green:var(--sp-accent);--muted:var(--sp-muted);--line:var(--sp-line);--paper:var(--sp-panel);background:var(--sp-bg);color:var(--sp-ink);font:14px/1.6 'Segoe UI',system-ui,sans-serif;margin:0}
.cp-portal *{box-sizing:border-box}.cp-portal [hidden]{display:none!important}.cp-portal a{color:var(--sp-accent);text-decoration:none}.cp-portal a:hover{text-decoration:underline}.cp-portal button,.cp-portal input,.cp-portal select{font:inherit}.cp-portal h1,.cp-portal h2,.cp-portal h3,.cp-portal h4{font-family:'Segoe UI',system-ui,sans-serif;color:var(--sp-ink);font-weight:600;line-height:1.3;margin:0;overflow-wrap:anywhere}.cp-portal h1{font-size:30px;letter-spacing:-.8px}.cp-portal h2{font-size:23px;letter-spacing:-.35px}.cp-portal h3{font-size:18px}.cp-portal h4{font-size:17px}.cp-portal p{margin:0}.cp-portal a:focus-visible,.cp-portal button:focus-visible,.cp-portal select:focus-visible,.cp-portal input:focus-visible,.cp-portal summary:focus-visible{outline:3px solid var(--sp-accent);outline-offset:4px}
.sp-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.sp-skip{position:absolute;top:-100px;left:12px;z-index:20;padding:12px;background:var(--sp-panel)}.sp-skip:focus{top:12px}.sp-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 32px;background:var(--sp-panel);border-bottom:1px solid var(--sp-line);flex-wrap:wrap}.cp-portal .sp-brand{display:flex;align-items:center;gap:12px;color:var(--sp-ink);font-size:23px;font-weight:700;letter-spacing:-.6px;text-decoration:none;white-space:nowrap}.sp-brand small{font-size:11px;letter-spacing:.1px;color:var(--sp-muted);display:block;font-weight:400}.sp-mark{display:grid;place-items:center;background:var(--sp-active);color:var(--sp-accent);border-radius:10px;width:37px;height:37px}.sp-top-tools{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.sp-theme{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--sp-muted);font-family:'Segoe UI',sans-serif}.sp-theme select{color:var(--sp-ink);background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:7px;padding:7px 10px;font:13px 'Segoe UI',sans-serif}.sp-account{position:relative}.sp-account summary,.sp-notify summary{cursor:pointer;color:var(--sp-accent);padding:5px}.sp-account>div{position:absolute;right:0;top:100%;z-index:10;min-width:190px;max-width:85vw;border:1px solid var(--sp-line);border-radius:9px;background:var(--sp-panel);padding:12px;box-shadow:0 12px 30px #0002}.sp-account a,.sp-account button{display:block;padding:9px;width:100%;color:var(--sp-ink);background:none;border:0;text-align:left;font:inherit;cursor:pointer}.sp-account form{margin:0}.sp-identity{color:var(--sp-muted)}
.sp-preview{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:14px 32px;background:var(--sp-active);color:var(--sp-ink);font-size:13px;border-bottom:1px solid var(--sp-line)}.sp-preview p{font-size:12px;margin:5px 0}.sp-preview a{font-weight:600}.cp-portal main.sp-main{padding:32px;max-width:none;width:100%;min-width:0;margin:0;min-height:65vh}.sp-heading{margin-bottom:28px}.sp-heading p{color:var(--sp-muted);margin:10px 0 0}.sp-heading .sp-eyebrow{margin:0 0 9px}.sp-eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;font-weight:600;color:var(--sp-accent)}.sp-studio{display:grid;grid-template-columns:190px minmax(0,1fr);max-width:1700px;margin:auto}.sp-sidebar{display:block;border-right:1px solid var(--sp-line);background:var(--sp-panel);padding:26px 16px;font-size:13px}.sp-sidebar .sp-eyebrow{font-size:10px;color:var(--sp-muted);padding:0 11px;margin-bottom:17px}.sp-sidebar>a{display:block;padding:11px;border-radius:7px;margin:5px 0;color:var(--sp-muted)}.sp-sidebar .selected{background:var(--sp-active);color:var(--sp-accent);font-weight:600}.sp-sidebar-note{border-top:1px solid var(--sp-line);margin-top:28px!important;padding:21px 11px;color:var(--sp-muted);font-size:12px}.sp-masterdetail{display:grid;grid-template-columns:225px minmax(0,1fr);gap:26px}.sp-directory nav{display:block}.sp-search{display:block;margin-bottom:13px}.sp-search input{width:100%;min-width:0;background:var(--sp-panel);color:var(--sp-ink);border:1px solid var(--sp-line);border-radius:8px;padding:11px;font-size:13px}.sp-directory nav>a{display:flex;align-items:center;gap:11px;padding:13px 11px;border-radius:8px;color:var(--sp-ink);margin:4px 0;overflow-wrap:anywhere}.sp-directory a.selected{background:var(--sp-active)}.sp-directory small{display:block;font-size:11px;color:var(--sp-muted);margin-top:3px}.sp-avatar{display:grid;place-items:center;background:var(--sp-soft);color:var(--sp-accent);border-radius:50%;width:34px;height:34px;flex-shrink:0}.sp-details{min-width:0}.sp-details>section:not([hidden])~section:not([hidden]){margin-top:30px}.sp-details>section{scroll-margin-top:20px}.sp-profile{background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:12px;padding:23px}.sp-row{display:flex;align-items:center;gap:17px;flex-wrap:wrap}.sp-between{justify-content:space-between}.sp-profile .sp-row+.sp-row{margin-top:20px}.sp-profile p{color:var(--sp-muted);font-size:13px;margin-top:6px}.sp-profile a{font-size:13px}.sp-status{display:inline-block;padding:4px 10px;background:var(--sp-good-bg);color:var(--sp-good);border-radius:20px;font-size:11px}.sp-attention{background:var(--sp-warn-bg);color:var(--sp-warn)}.cp-portal .sp-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;min-height:41px;border-radius:8px;border:1px solid var(--sp-line);background:var(--sp-panel);color:var(--sp-accent);font-size:13px;font-weight:600;text-decoration:none}.cp-portal .sp-primary{background:var(--sp-accent);color:var(--sp-on-accent);border-color:var(--sp-accent)}.sp-button:hover{filter:brightness(.97)}.sp-formula{margin:30px 0}.sp-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.sp-section-heading p{color:var(--sp-muted);font-size:12px;margin-top:6px}.sp-section-heading>span{font-size:12px;color:var(--sp-muted);flex-shrink:0}.sp-course-row{display:grid;grid-template-columns:36px minmax(0,1fr);gap:15px;padding:22px 0;border-top:1px solid var(--sp-line)}.sp-course-number{width:35px;height:35px;border-radius:7px;display:grid;place-items:center;background:var(--sp-soft);color:var(--sp-accent);font-size:12px}.sp-date{color:var(--sp-muted);font-size:12px;margin-bottom:5px!important}.sp-course-actions{margin-top:13px;font-size:13px}.sp-notify>div{display:flex;gap:14px;flex-wrap:wrap;background:var(--sp-panel);border:1px solid var(--sp-line);padding:13px;border-radius:7px}.sp-empty{background:var(--sp-panel);border:1px dashed var(--sp-line);border-radius:13px;padding:48px 25px;text-align:center;margin:24px 0}.sp-empty p{color:var(--sp-muted);margin:13px auto 0;max-width:60ch}.sp-directory>p{padding:15px;color:var(--sp-muted);font-size:13px}.cp-portal .sp-footer{max-width:none;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:24px 32px;border-top:1px solid var(--sp-line);color:var(--sp-muted);font-size:12px;margin:0}.sp-tabs{display:flex;gap:25px;background:var(--sp-panel);border-bottom:1px solid var(--sp-line);padding:0 32px;flex-wrap:wrap}.sp-tabs a{padding:15px 0;border-bottom:3px solid transparent;font-size:13px}.sp-tabs [aria-current]{border-color:var(--sp-accent)}.cp-portal main.sp-collection{max-width:1280px;margin:auto}.sp-feature{display:grid;grid-template-columns:minmax(0,1fr) 280px;background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:16px;overflow:hidden;margin-bottom:32px}.sp-feature-text{padding:30px}.sp-feature h2{font-size:28px;margin:14px 0;line-height:1.25}.sp-feature p:not(.sp-eyebrow){color:var(--sp-muted);margin-bottom:22px}.sp-feature .sp-row{font-size:13px}.sp-art{display:grid;place-items:center;background:var(--sp-soft);min-height:180px;padding:24px;overflow:hidden}.sp-goban{width:145px;aspect-ratio:1;position:relative;transform:rotate(-7deg);background:repeating-linear-gradient(0deg,transparent 0 calc(12.5% - 1px),var(--sp-line) calc(12.5% - 1px) 12.5%),repeating-linear-gradient(90deg,transparent 0 calc(12.5% - 1px),var(--sp-line) calc(12.5% - 1px) 12.5%);border-left:1px solid var(--sp-line);border-bottom:1px solid var(--sp-line)}.stone{position:absolute;width:17px;height:17px;border-radius:50%;background:#18232d;transform:translate(-50%,50%);box-shadow:inset 0 1px 3px #fff3,0 2px 3px #0003}.stone.white{background:#f5f5e9}.stone.last:after{content:'';position:absolute;left:6px;top:6px;width:5px;height:5px;border-radius:50%;background:#e2a56c}.s1{left:25%;bottom:25%}.s2{left:37.5%;bottom:25%}.s3{left:25%;bottom:50%}.s4{left:50%;bottom:50%}.s5{left:37.5%;bottom:62.5%}.s6{left:50%;bottom:75%}.s7{left:62.5%;bottom:62.5%}.sp-course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sp-course-card{background:var(--sp-panel);border:1px solid var(--sp-line);border-radius:12px;overflow:hidden;min-width:0;display:flex;flex-direction:column}.sp-course-card .sp-art{min-height:145px;height:145px}.sp-course-card .sp-goban{width:110px}.sp-course-card .stone{width:14px;height:14px}.sp-course-card .stone.last:after{left:5px;top:5px;width:4px;height:4px}.sp-course-card-text{padding:21px;display:flex;flex-direction:column;flex:1}.sp-course-card h3{margin:12px 0 23px;flex:1}.sp-pdf{display:block;text-align:center;margin-top:13px;font-size:12px}
.sp-space-label{font-size:11px;letter-spacing:1px;color:var(--sp-muted);margin-right:auto}
/* Existing account forms inherit the selected appearance too. */
.cp-portal main.sp-form-main{max-width:1050px;margin:auto}.cp-portal .card{background:var(--sp-panel);border-color:var(--sp-line)}.cp-portal .login input:not([type=hidden]),.cp-portal .login textarea{background:var(--sp-bg);color:var(--sp-ink);border-color:var(--sp-line)}.cp-portal .primary,.cp-portal .button{background:var(--sp-accent);color:var(--sp-on-accent);border-color:var(--sp-accent)}.cp-portal .error,.cp-portal .errorlist{background:var(--sp-warn-bg);color:var(--sp-error)}.cp-portal .login .confirm-address,.cp-portal .mail-status{background:var(--sp-soft);border-color:var(--sp-line)}.cp-portal .login h1{margin-bottom:20px}.cp-portal .login p{margin:14px 0}
@media(max-width:1050px){.sp-studio{grid-template-columns:155px minmax(0,1fr)}.cp-portal main.sp-main{padding:26px}.sp-masterdetail{grid-template-columns:190px minmax(0,1fr);gap:18px}.sp-feature{grid-template-columns:minmax(0,1fr) 210px}.sp-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-directory .sp-avatar{display:none}}
@media(max-width:760px){.sp-studio{display:block}.sp-sidebar{display:flex;gap:6px;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--sp-line);padding:10px 16px}.sp-sidebar .sp-eyebrow,.sp-sidebar-note{display:none}.sp-sidebar>a{margin:0}.sp-masterdetail{display:block}.sp-directory{margin-bottom:22px}.sp-directory nav{display:grid;grid-template-columns:1fr 1fr;gap:6px}.sp-directory nav>a{padding:10px}.sp-directory .sp-avatar{display:none}.sp-section-heading{align-items:flex-start;flex-wrap:wrap}.sp-top,.sp-preview{padding:18px}.sp-top-tools{gap:16px}.cp-portal main.sp-main{padding:24px 18px}.cp-portal h1{font-size:28px}.sp-feature{grid-template-columns:1fr}.sp-feature-text{padding:24px}.sp-feature .sp-art{min-height:155px}.sp-feature .sp-goban{width:115px}.sp-course-grid{grid-template-columns:1fr 1fr;gap:14px}.sp-course-card-text{padding:18px}.sp-profile{padding:20px}.cp-portal .sp-footer{padding:22px 18px}.sp-tabs{padding:0 18px}.sp-theme select{font-size:16px}.sp-collection .sp-heading{margin-bottom:24px}}
@media(max-width:460px){.sp-course-grid{grid-template-columns:1fr}.sp-top-tools{width:100%;justify-content:space-between}.sp-theme select,.sp-search input{font-size:16px}.sp-profile .sp-between{align-items:flex-start;flex-direction:column}.sp-course-actions{gap:12px}.sp-course-row{gap:11px}.sp-top-tools summary,.sp-notify summary{min-height:40px;padding-top:8px}}

.cp-legal-links{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.85rem}.sp-footer{flex-wrap:wrap;gap:1rem}.dj-footer .cp-legal-links{justify-content:center;margin-top:.7rem}

.cp-portal .sp-brand{white-space:normal;min-width:0;max-width:100%;line-height:1.3}.sp-brand>span:last-child{min-width:0;overflow-wrap:anywhere}.sp-mark{flex-shrink:0}