.direction-tabs{display:flex;gap:0;border-bottom:1px solid var(--line);margin:25px 0 24px;flex-wrap:wrap}
.direction-tabs button{padding:14px 16px;font-size:1rem;border-bottom:3px solid transparent;text-align:left}
.direction-tabs button[aria-pressed=true]{border-color:var(--blue);color:var(--blue);font-weight:700}
.direction-tabs button:focus-visible,.direction-browser button:focus-visible,.direction-picker select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.project-dialog.is-direction{width:min(1080px,calc(100vw - 32px))}
.is-direction .detail-cover,.is-direction .photo-caption,.is-direction .score-big{display:none}
.is-direction .detail-header{padding-right:36px}
.is-direction .detail-header h2{max-width:22ch}
.direction-browser{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:end;margin-bottom:30px}
.direction-browser button{font-size:.875rem;min-height:44px;padding:10px;border:1px solid var(--line);border-radius:3px}
.direction-browser button:disabled{opacity:.4;cursor:default}
.direction-picker{display:grid;gap:6px;font-size:.875rem;color:var(--muted);min-width:0}
.direction-picker select{width:100%;min-width:0;min-height:44px;font:inherit;color:var(--ink);border:1px solid var(--line);padding:10px 30px 10px 10px;background:#fff;border-radius:3px}
#direction-panel{overflow-wrap:anywhere}
.direction-caption{font-size:.875rem!important;letter-spacing:.08em;font-weight:700;color:var(--blue);margin:0 0 14px!important}
.direction-vision{font:400 1.45rem/1.55 Georgia,serif!important;margin:0 0 18px!important;max-width:65ch}
.direction-status{font-size:.875rem!important;color:var(--muted);margin-bottom:25px!important}
.direction-current{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0;margin-bottom:14px}
.direction-current summary{font-size:.875rem;font-weight:700;cursor:pointer;min-height:24px}
.direction-current p{font-size:1rem;line-height:1.7;max-width:75ch}
.direction-current button{font-size:.875rem;text-decoration:underline}
.direction-chapter{display:grid;grid-template-columns:185px minmax(0,1fr);gap:35px;padding:35px 0;border-bottom:1px solid var(--line)}
.direction-chapter-title span{display:block;font:2.5rem/1 Georgia,serif;color:var(--blue);margin-bottom:16px}
.direction-chapter-title h3{font-size:1.1rem!important;line-height:1.4;margin:0!important}
.direction-chapter-body{min-width:0}
.direction-chapter-body p{font-size:1rem!important;line-height:1.75!important;margin:0 0 20px;max-width:75ch}
.direction-field h4{font-size:.875rem;margin:0 0 7px;font-weight:700;line-height:1.5}
.direction-field+.direction-field{margin-top:22px}
.direction-next{border-left:3px solid var(--blue);padding:5px 0 0 20px;margin-top:28px}
.direction-chapter-body .direction-concept{font:400 1.8rem/1.2 Georgia,serif!important;color:var(--blue);margin:0 0 20px!important}
.direction-avoid,.direction-test{background:#edf4f8;padding:20px 22px;margin-top:24px;border-radius:2px}
.direction-avoid p:last-child,.direction-test p:last-child{margin-bottom:0}
.direction-verdict{padding:25px 0 0}
.direction-verdict>span{display:block;font-weight:700;font-size:1rem;margin-bottom:12px}
.direction-verdict>div{display:flex;flex-wrap:wrap;gap:8px}
.direction-verdict button{border:1px solid var(--line);padding:10px 14px;font-size:.875rem;border-radius:3px;min-height:44px}
.direction-verdict button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}
.direction-verdict small{display:block;font-size:.875rem;color:var(--muted);margin-top:12px}
.direction-loading,.direction-error{padding:24px 0;font-size:1rem;line-height:1.7}
.is-direction .detail-main{padding-top:36px}
#direction-panel[hidden],#evaluation-panel[hidden],.direction-browser[hidden]{display:none}
@media(max-width:700px){.direction-chapter{grid-template-columns:minmax(0,1fr);gap:18px;padding:28px 0}.direction-chapter-title{display:flex;gap:14px;align-items:baseline}.direction-chapter-title span{font-size:1.9rem;margin:0}.direction-tabs button{padding:12px 8px;font-size:.875rem}.direction-browser{grid-template-columns:1fr 1fr;gap:10px}.direction-picker{grid-column:1/-1;grid-row:1}.direction-browser button{text-align:center}.direction-vision{font-size:1.25rem!important}.direction-next{padding-left:15px}.direction-avoid,.direction-test{padding:17px}.project-dialog.is-direction{width:calc(100vw - 16px)}.direction-chapter-body .direction-concept{font-size:1.6rem!important}}