.interview-page{padding-bottom:65px}.interview-nav{display:flex;gap:20px;overflow-x:auto;border-bottom:1px solid var(--line);padding:20px 0 15px;max-width:100%;scrollbar-width:thin}.interview-nav a{white-space:nowrap;font-size:14px;padding:8px 0;border-bottom:2px solid transparent}.interview-nav a[aria-current]{border-color:var(--pink);color:var(--pink)}.interview-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:70px;align-items:center;padding:62px 0 55px}.interview-hero h1{font-size:clamp(72px,9vw,126px);line-height:.84;margin:23px 0 30px;letter-spacing:-.035em}.interview-hero .interview-tagline{font-size:25px;color:var(--ink);margin:0 0 18px}.interview-hero p{font-size:17px;line-height:1.75;max-width:620px;color:var(--muted)}.interview-actions{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:27px}.interview-actions .btn{font-size:14px}.interview-signature{padding:34px 32px;background:var(--surface);border:1px solid var(--line);border-top:5px solid var(--pink);border-radius:12px}.interview-big-number{font:700 90px/1 var(--head);color:var(--pink);display:block;letter-spacing:-.04em;margin-bottom:25px}.interview-big-number>span{font-size:25px;color:var(--muted);letter-spacing:0;margin-left:14px}.interview-signature blockquote{font:700 32px/1.15 var(--head);margin:0 0 20px}.interview-signature p{font-size:13px}.interview-method{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:35px 0 42px;border-block:1px solid var(--line)}.interview-method article>span{font:700 30px var(--head);color:var(--pink)}.interview-method h2{font-size:31px;margin:12px 0}.interview-method p{font-size:15px;line-height:1.75;color:var(--muted)}.interview-question-list{padding:44px 0;max-width:1000px}.interview-question-list h2{font-size:42px}.interview-question-list article{display:grid;grid-template-columns:65px minmax(0,1fr);gap:14px;padding:25px 0;border-bottom:1px solid var(--line)}.interview-question-list article>span{font:700 35px var(--head);color:var(--pink)}.interview-question-list article h3{font-size:29px;line-height:1.2}.interview-question-list article p{font-size:14px;color:var(--muted);margin-top:10px}.interview-offline{padding:30px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.interview-offline h2,.interview-audio h2{font-size:34px;margin-bottom:16px}.interview-offline p,.interview-audio p{font-size:16px;line-height:1.75;max-width:850px;color:var(--muted)}.interview-downloads{display:flex;gap:11px;flex-wrap:wrap;margin-top:23px}.interview-downloads a{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:6px;padding:9px 12px;font-size:13px}.interview-downloads .icon{width:14px}.interview-audio{padding:34px 0;max-width:850px}.interview-feature{border:1px solid var(--line);border-radius:10px;padding:30px 35px;background:var(--surface);display:flex;gap:35px;align-items:center;justify-content:space-between;margin:20px 0 40px}.interview-feature h2{font-size:42px;margin:12px 0}.interview-feature p{font-size:16px;line-height:1.6;color:var(--muted);max-width:700px}.interview-feature .btn{flex-shrink:0}.interview-profile{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0}.interview-profile h2{font-size:38px;margin:13px 0}.interview-profile>p{font-size:16px;line-height:1.7;color:var(--muted)}.interview-profile .text-link{display:inline-flex;align-items:center;gap:7px;margin:18px 22px 16px 0;font-size:14px}.interview-profile p.small{font-size:12px}.interview-example{max-width:820px;margin:40px auto}.interview-example h1{font-size:clamp(42px,5vw,68px);margin:20px 0 25px;line-height:1.03}.interview-demo-note,.interview-local-note{border:1px solid var(--line);border-left:4px solid var(--pink);border-radius:9px;padding:20px;background:var(--surface)}.interview-demo-note p,.interview-local-note p{font-size:14px;color:var(--muted);line-height:1.65;margin-top:8px}.interview-answer{padding:30px 0;border-bottom:1px solid var(--line)}.interview-answer h2{font-size:31px;line-height:1.2;margin:12px 0 20px}.interview-answer p{font-size:19px;line-height:1.8}.interview-example>.btn{margin-top:25px}.interview-write-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:45px;align-items:start;margin:32px 0}.interview-meta{max-width:650px;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:10px;display:grid;gap:12px}.interview-meta>label{font-size:14px;font-weight:600}.interview-meta input,.interview-meta select{width:100%;border:1px solid var(--line);background:var(--paper);border-radius:6px;font-size:16px}.interview-writing-card{margin-top:32px;padding:25px;border:1px solid var(--line);border-radius:10px;background:var(--surface);scroll-margin-top:25px}.interview-writing-card legend{font-size:12px;color:var(--pink);padding-inline:8px;letter-spacing:.04em}.interview-writing-card>label:first-of-type{font:700 29px/1.2 var(--head);max-width:750px}.interview-writing-card>p{font-size:13px;color:var(--muted);line-height:1.6;margin:12px 0 18px}.interview-writing-card textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--paper);font-size:17px;line-height:1.6;min-height:135px}.interview-writing-card textarea:disabled{opacity:.55}.interview-skip{display:flex;gap:9px;font-size:12px;align-items:center;margin-top:15px;color:var(--muted)}.interview-release{padding:25px;margin-top:35px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.interview-release legend{font:700 25px var(--head);padding-inline:8px}.interview-release>p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:18px}.interview-release>label:not([for]){display:flex;gap:10px;font-size:14px;line-height:1.5;align-items:start;margin:14px 0}.interview-release>label[for]{font-size:13px;margin-top:25px;margin-bottom:10px}.interview-release>input{width:100%;font-size:16px;border:1px solid var(--line);border-radius:6px;background:var(--paper)}.interview-release .small{font-size:12px;margin-top:14px}.interview-progress-card{position:sticky;top:22px;border-top:4px solid var(--pink);border-radius:8px;background:var(--surface);padding:23px;border-inline:1px solid var(--line);border-bottom:1px solid var(--line)}.interview-write-aside{position:sticky;top:22px}.interview-progress-card h2{font-size:40px;margin:15px 0}.interview-progress-card p{font-size:13px;line-height:1.7;color:var(--muted)}.interview-question-jumps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:20px 0}.interview-question-jumps button{border:1px solid var(--line);border-radius:6px;background:var(--paper);padding:7px 3px;font-size:12px}.interview-progress-card .text-link{display:flex;align-items:center;gap:8px;font-size:13px;margin-top:17px}.interview-text-preview{max-width:850px;margin:0;padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:10px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--body);font-size:17px;line-height:1.8}.interview-page .small{font-size:12px;line-height:1.65}.interview-writer-head h1{font-size:clamp(44px,6vw,70px)}
@media(max-width:900px){.interview-hero{gap:35px}.interview-hero h1{font-size:90px}.interview-signature{padding:25px}.interview-signature blockquote{font-size:28px}.interview-write-layout{grid-template-columns:minmax(0,1fr) 210px;gap:23px}.interview-progress-card{padding:18px}.interview-method{gap:20px}.interview-feature{display:block}.interview-feature .btn{margin-top:20px}}
@media(max-width:680px){.interview-hero{grid-template-columns:1fr;padding:37px 0 30px;gap:30px}.interview-hero h1{font-size:82px;margin:22px 0}.interview-hero .interview-tagline{font-size:22px}.interview-hero p{font-size:16px}.interview-signature{padding:24px}.interview-big-number{font-size:65px;margin-bottom:14px}.interview-big-number>span{font-size:22px}.interview-signature blockquote{font-size:29px}.interview-method{grid-template-columns:1fr;padding:26px 0;gap:25px}.interview-method h2{display:inline-block;font-size:29px;margin:0 0 10px 15px}.interview-method p{font-size:15px}.interview-question-list{padding:30px 0}.interview-question-list article{grid-template-columns:40px minmax(0,1fr);gap:10px;padding:22px 0}.interview-question-list article h3{font-size:26px}.interview-question-list h2{font-size:35px}.interview-offline{padding:23px}.interview-offline h2,.interview-audio h2{font-size:30px}.interview-write-layout{display:flex;flex-direction:column;gap:22px}.interview-write-aside{order:-1;position:static;width:100%}.interview-progress-card{position:static;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 15px;align-items:center}.interview-progress-card h2{margin:0;font-size:29px}.interview-question-jumps{grid-column:1/-1;grid-template-columns:repeat(10,minmax(0,1fr));margin:4px 0}.interview-progress-card p{font-size:12px}.interview-progress-card .text-link{margin-top:0;font-size:12px}.interview-progress-card>#interview-save-status{grid-column:1/-1}.interview-write-layout form{width:100%;min-width:0}.interview-meta{padding:20px}.interview-writing-card{padding:20px;margin-top:26px}.interview-writing-card>label:first-of-type{font-size:26px}.interview-writing-card textarea{font-size:16px}.interview-release{padding:20px}.interview-text-preview{padding:20px;font-size:16px}.interview-nav{gap:20px;padding-top:12px}.interview-nav a{font-size:13px}.interview-feature{padding:24px}.interview-feature h2{font-size:35px}.interview-feature p{font-size:15px}.interview-demo-note,.interview-local-note{padding:17px}.interview-example{margin-top:28px}.interview-answer h2{font-size:27px}.interview-answer p{font-size:17px}.interview-actions{gap:16px}.interview-actions .btn{max-width:100%;white-space:normal;text-align:center}.interview-actions .text-link{font-size:14px}}
