:root { --entry-page:var(--cale-surface-page,#797979); --entry-panel:var(--cale-surface-panel,#25282e); --entry-head:var(--cale-surface-panel-header,#30343a); --entry-text:var(--cale-text-primary,#f2f3f5); --entry-muted:var(--cale-text-secondary,#b8c0ca); --entry-accent:var(--cale-accent-primary,#2dd4bf); --entry-line:var(--cale-border-default,rgba(255,255,255,.14)); }
* { box-sizing:border-box; }
body { min-height:100vh; margin:0; padding:clamp(12px,4vw,44px); color:var(--entry-text); background:var(--entry-page); font-family:Arial,Helvetica,sans-serif; }
.area-entry { width:min(100%,820px); margin:0 auto; padding:clamp(18px,4vw,38px); border:1px solid var(--entry-line); border-radius:20px; background:var(--entry-panel); box-shadow:0 18px 52px rgba(0,0,0,.28); }
.area-entry-head { display:flex; gap:16px; align-items:center; }
.area-entry-head img { width:72px; height:72px; }
.test-phase-notice { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:.35em .8em; width:100%; margin:18px 0; padding:10px 14px; color:#c8c8c8; border:5px solid #806d00; border-radius:12px; background:#0e2e81; text-align:center; text-decoration:none; line-height:1.25; }
.test-phase-notice strong { color:inherit; }
.test-phase-notice .test-phase-more { color:inherit; text-decoration:underline; white-space:nowrap; }
.test-phase-notice:focus-visible { outline:3px solid var(--entry-accent); outline-offset:3px; }
.area-entry-kicker { margin:0; color:var(--entry-accent); font-weight:800; letter-spacing:.08em; }
.area-entry h1 { margin:4px 0 0; }
.area-entry-description { margin:22px 0; color:var(--entry-muted); font-size:1.05rem; line-height:1.6; }
.area-entry-state { padding:12px; border:1px solid var(--entry-line); border-radius:12px; background:var(--entry-head); }
.area-entry-links { display:grid; margin-top:18px; gap:8px; }
.area-entry-links a,.area-entry-back { min-height:44px; padding:11px 14px; color:inherit; border:1px solid var(--entry-line); border-radius:10px; background:var(--entry-head); text-decoration:none; }
.area-entry-links a:hover,.area-entry-back:hover { color:#10201e; border-color:var(--entry-accent); background:var(--entry-accent); }
.area-entry-back { display:inline-grid; margin-top:24px; place-items:center; }
:where(a):focus-visible { outline:3px solid var(--entry-accent); outline-offset:2px; }