:root{--bg:#f6f8fb;--surface:#fbfcfe;--surface-strong:#ffffff;--ink:#10243f;--muted:#58677c;--line:#d9e1ec;--line-strong:#b9c7d8;--primary:#1a3a5c;--accent:#176fc4;--accent-soft:#dff1fb;--accent-soft-strong:#bfe5f7;--success:#187a55;--warning:#a75d00;--warning-bg:#fff4dc;--danger:#b5372f;--shadow:0 18px 50px rgb(26 58 92/0.1);--radius:8px;--radius-sm:6px;--content-max:1440px;--content-gutter:48px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fbfcfe 0,var(--bg) 42%,#edf3f8 100%);color:var(--ink);font-family:Inter,Inter Variable,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}a,button,input,select,textarea{outline-offset:3px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgb(45 156 219/.4)}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.56}main{min-height:100dvh}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.section-inner{width:min(100% - var(--content-gutter),var(--content-max));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:center;min-height:68px;padding:0 30px;border-bottom:1px solid var(--line);background:rgb(251 252 254/.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:inline-flex;align-items:center;color:var(--primary);line-height:0;min-width:0}.header-brand{width:fit-content}.brand-logo,.footer-brand-logo{display:block;height:auto;object-fit:contain}.brand-logo{width:164px}.footer-brand-logo{width:156px}.brand-mark{display:inline-grid;width:36px;height:36px;place-items:center;color:var(--primary)}.site-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(20px,4vw,58px);color:#101b2c;font-size:15px;font-weight:560;white-space:nowrap}.site-header nav a{padding:12px 0;color:#15233a}.guide-button,.primary-outline-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:38px;border-radius:var(--radius-sm);border:1px solid transparent;font-size:14px;font-weight:680;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.guide-button{justify-self:end;min-width:74px;padding:0 18px;border-color:var(--accent);color:#075ea9;background:var(--surface-strong)}.guide-button:hover,.primary-outline-button:hover,.secondary-button:hover{transform:translateY(-1px)}.guide-button:active,.primary-outline-button:active,.secondary-button:active,.text-button:active{transform:translateY(1px)}.hero{min-height:360px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 64% 20%,rgb(45 156 219/.12),transparent 34%),linear-gradient(180deg,#fbfcfe,#f4f8fc)}.hero-content{width:min(100% - var(--content-gutter),var(--content-max));min-height:360px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:42px 0}.hero h1{max-width:780px;margin:0;color:var(--primary);font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:1.02;letter-spacing:0}.hero p{margin:18px 0 0;color:#34435a;font-size:clamp(17px,1.5vw,20px);line-height:1.45}.quick-import{display:grid;grid-template-columns:152px minmax(240px,1fr) 178px;width:min(100%,880px);margin-top:28px;border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--surface-strong);box-shadow:0 8px 28px rgb(26 58 92/.08);overflow:hidden}.quick-import input,.quick-import select{width:100%;height:52px;border:0;background:transparent;color:var(--ink)}.quick-import select{padding:0 38px 0 15px;border-right:1px solid var(--line);appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.quick-import input{padding:0 20px;font-size:16px}.quick-import button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;background:var(--accent);color:#fff;font-weight:760}.import-message{min-height:22px;margin-top:12px!important;color:var(--muted)!important;font-size:14px!important}.import-message.error{color:var(--danger)!important}.import-message.success{color:var(--success)!important}.hero-media{position:relative;min-height:320px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center right;display:block}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4f8fc,rgb(244 248 252/.12) 24%,transparent 70%);pointer-events:none}.resource-strip{padding:26px 0;border-bottom:1px solid var(--line);background:var(--surface)}.small-label{margin:0 0 12px;color:#34435a;font-size:14px;font-weight:620}.resource-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.resource-card{position:relative;display:flex;align-items:flex-start;gap:12px;min-height:78px;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);color:var(--ink);text-align:left;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.resource-card svg{color:var(--accent);flex:0 0 auto}.resource-card small,.resource-card strong{display:block}.resource-card strong{font-size:15px}.resource-card small{margin-top:4px;color:var(--muted);font-size:12.5px;line-height:1.35}.resource-card.selected{border-color:var(--accent);background:linear-gradient(180deg,#e9f6ff,#d2ebfa);box-shadow:inset 0 0 0 1px rgb(23 111 196/.28),0 12px 28px rgb(23 111 196/.16)}.resource-card.selected:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--accent)}.resource-card.selected strong{color:#10243f}.resource-card.selected small{color:#38536f}.builder{padding:20px 0 0}.builder-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(380px,1.06fr);gap:18px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:var(--shadow)}.form-panel,.preview-panel{padding:20px}.preview-panel{position:sticky;top:88px}.panel-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.panel-title-row .panel-heading{margin:0;color:#10243f;font-size:22px;line-height:1.2;font-weight:760}.panel-title-row .panel-heading+p{margin:5px 0 0;color:var(--muted);font-size:13.5px;line-height:1.45}.text-button{padding:0 6px;border:0;background:transparent;color:#49596e}.text-button:hover{color:var(--primary)}.text-button.danger{color:var(--danger)}.form-section{display:grid;gap:14px;padding-top:16px;border-top:1px solid var(--line)}.form-section+.form-section{margin-top:18px}.field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.field-title{margin:0;font-size:15px;font-weight:760}.field-heading span{color:var(--muted);font-size:12px}label{display:grid;gap:7px;color:#20304a;font-size:13.5px;font-weight:680}input,select,textarea{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:#fff;color:var(--ink);font-size:15px;font-weight:450}input,select{height:38px;padding:0 11px}textarea{resize:vertical;min-height:76px;padding:10px 11px}input::placeholder,textarea::placeholder{color:#7a8798}.field-grid{display:grid;gap:14px}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.author-list{display:flex;flex-wrap:wrap;gap:8px}.author-chip{gap:8px;min-height:34px;padding:4px 6px 4px 10px;border:1px solid #bfd6e7;border-radius:var(--radius-sm);background:#f2f8fc;color:#163253;font-size:13.5px;font-weight:650}.author-chip,.chip-actions{display:inline-flex;align-items:center}.chip-actions{gap:2px}.chip-actions button,.row-actions button{display:inline-grid;width:24px;height:24px;place-items:center;border:1px solid transparent;border-radius:5px;background:transparent;color:#506074}.chip-actions button:hover,.row-actions button:hover{border-color:var(--line);background:#fff}.author-entry{display:grid;grid-template-columns:1fr 1fr 150px auto;gap:10px;align-items:end}.secondary-button{padding:0 14px;border-color:#9fc2da;background:#fff;color:#075ea9}.primary-outline-button{padding:0 16px;border-color:var(--accent);background:#fff;color:#075ea9}.field-note{margin:0;color:#506074;font-size:13px;line-height:1.45}.field-note.warning{color:var(--warning)}.empty-inline{margin:0;color:var(--muted);font-size:14px}.field-with-suggestions{position:relative}.suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;display:grid;gap:4px;padding:6px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 16px 40px rgb(16 36 63/.16)}.suggestions button{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:0;border-radius:5px;background:transparent;color:var(--ink);text-align:left}.suggestions button:hover{background:#edf7fd}.suggestions small{flex:0 0 auto;color:var(--accent);font-weight:720}.journal-status,.notice{display:flex;align-items:flex-start;gap:9px;min-height:34px;padding:9px 11px;border-radius:var(--radius-sm);font-size:13px;line-height:1.4}.journal-status.matched{border:1px solid #b8decf;background:#eef9f4;color:var(--success)}.journal-status.warning,.warning-notice{border:1px solid #edc67f;background:var(--warning-bg);color:#703e00}.version-select{min-width:176px}.version-select span{color:var(--muted);font-size:12px}.citation-output{min-height:132px;padding:22px;border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,#fff,#f7fafc);color:#182131}.citation-output p{margin:0;font-family:Lora,Georgia,Times New Roman,serif;font-size:clamp(19px,2.2vw,24px);line-height:1.48}.citation-output em{font-style:italic}.list-actions,.preview-actions{margin-top:14px}.citation-list-header,.list-actions,.preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.citation-list-header{margin-top:28px;padding-top:20px;border-top:1px solid var(--line)}.citation-list-header div{display:inline-flex;align-items:center;gap:9px}.citation-list-title{margin:0;font-size:21px;font-weight:760}.citation-list-header span{color:var(--muted);font-size:13px}.list-empty{display:grid;min-height:152px;place-items:center;gap:7px;margin-top:16px;padding:24px;border:1px dashed #aab8ca;border-radius:var(--radius);background:#f8fbfd;color:#163253;text-align:center}.list-empty p{margin:0;color:var(--muted);font-size:14px}.citation-list{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none}.citation-list li{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;padding:13px;border:1px solid var(--line);border-radius:var(--radius);background:#fbfdff}.citation-list-item{display:grid;grid-template-columns:28px 1fr;gap:10px;min-width:0}.citation-number{display:inline-grid;width:28px;height:28px;place-items:center;border-radius:50%;background:var(--accent-soft);color:#075ea9;font-weight:760}.citation-list small{display:block;color:var(--accent);font-size:12px;font-weight:760;margin-bottom:4px}.citation-list p{margin:0;color:#23334a;font-size:13.8px;line-height:1.45}.row-actions{display:inline-flex;align-items:center;gap:3px}.row-actions button{width:auto;min-width:28px;padding:0 7px;font-size:12px;font-weight:680}.examples{padding:56px 0 34px}.section-heading{max-width:700px}.examples .section-heading{max-width:none}.faq-section h2,.section-heading h2,.style-copy h2{margin:0;color:var(--primary);font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,2.6vw,36px);line-height:1.1;letter-spacing:0}.examples .section-heading h2{font-size:clamp(22px,2.6vw,36px);white-space:nowrap}.section-heading p,.style-copy p{margin:12px 0 0;color:#42516a;font-size:16px;line-height:1.65}.example-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.example-card{min-height:280px;padding:18px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-strong);box-shadow:0 10px 30px rgb(26 58 92/.06)}.example-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent)}.example-card-title{margin:16px 0 12px;color:#10243f;font-size:20px;font-weight:760}.example-text{min-height:74px;margin:0;color:#24344d;font-family:Lora,Georgia,serif;font-size:15px;line-height:1.56}.example-card .field-note{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.style-section{padding:30px 0 42px}.style-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;align-items:stretch}.style-grid .style-copy{grid-column:1;grid-row:1}.style-grid .comparison{grid-column:2;grid-row:1}.comparison,.style-copy{border:1px solid var(--line);border-radius:var(--radius);background:rgb(255 255 255/.78);box-shadow:0 10px 32px rgb(26 58 92/.06)}.style-copy{padding:28px}.check-list{display:grid;gap:14px;margin:22px 0 0;padding:0;list-style:none}.check-list li{display:grid;grid-template-columns:22px 1fr;gap:11px;align-items:start;color:#24344d;line-height:1.5}.check-list svg{color:var(--accent);margin-top:2px}.comparison{padding:14px}.comparison h3{margin:4px 6px 14px;color:var(--primary);font-size:24px;text-align:center}.comparison-table{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius-sm)}.comparison-row{display:grid;grid-template-columns:.85fr repeat(3,1fr)}.comparison-row span{display:flex;align-items:center;min-height:48px;padding:10px 12px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#273954;font-size:13.5px;line-height:1.35}.comparison-row span:last-child{border-right:0}.comparison-row:last-child span{border-bottom:0}.comparison-row.header span{justify-content:center;min-height:38px;background:var(--primary);color:#fff;font-weight:760;text-align:center}.comparison-row span:first-child{justify-content:center;font-weight:760;color:#153154;text-align:center}.comparison-row.header span:first-child{color:#fff}.faq-section{scroll-margin-top:96px;padding:20px 0 42px}.faq-section h2{text-align:center}.faq-list{display:grid;gap:8px;margin-top:16px}.faq-item{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong)}.faq-item h3{margin:0;font-size:inherit;line-height:inherit}.faq-item button{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:48px;padding:0 16px;border:0;background:transparent;color:#123056;font-weight:740;text-align:left}.faq-answer{padding:0 16px 16px;color:#43546c;line-height:1.6}.faq-answer p{margin:0}.faq-answer p+p{margin-top:10px}.site-footer{padding:32px 0;background:linear-gradient(135deg,#123254,#0e416a);color:#f3f8ff}.footer-inner{display:grid;grid-template-columns:minmax(220px,1fr) auto minmax(140px,1fr);gap:30px;align-items:center}.footer-brand{color:#fff}.site-footer p{margin:9px 0 0;color:rgb(243 248 255/.78)}.site-footer nav{display:flex;flex-wrap:wrap;justify-content:flex-end;justify-self:end;gap:24px;font-weight:650}.copyright{justify-self:center;margin:0;font-size:13px;text-align:center}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (max-width:1080px){.builder-grid,.hero-content,.style-grid{grid-template-columns:1fr}.hero-copy{padding-right:24px}.hero-media{min-height:260px;max-height:330px}.preview-panel{position:static}.style-grid .style-copy{grid-column:1;grid-row:1}.style-grid .comparison{grid-column:1;grid-row:2}.footer-inner{grid-template-columns:1fr}.site-footer nav{justify-content:flex-end;justify-self:end}.copyright{justify-self:center;text-align:center}}@media (max-width:820px){.faq-section{scroll-margin-top:168px}.site-header{grid-template-columns:1fr auto;gap:12px;padding:0 18px}.site-header nav{grid-column:1/-1;justify-content:flex-start;gap:22px;min-width:0;overflow-x:auto;padding-bottom:10px}.brand{flex:0 1 auto}.brand-logo{width:146px}.guide-button{min-width:auto;padding:0 12px}.quick-import{grid-template-columns:1fr}.quick-import select{border-right:0;border-bottom:1px solid var(--line)}.example-grid,.resource-options{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}.example-card,.resource-card{min-width:260px;scroll-snap-align:start}.author-entry,.field-grid.four,.field-grid.two{grid-template-columns:1fr}.comparison{overflow-x:auto}.comparison-table{min-width:720px}}@media (max-width:560px){:root{--content-gutter:28px}.section-inner{width:min(100% - var(--content-gutter),var(--content-max))}.site-header{min-height:62px}.brand-logo{width:128px}.footer-brand-logo{width:132px}.hero h1{font-size:38px}.hero-copy{padding:34px 0}.hero-media{min-height:210px}.form-panel,.preview-panel,.style-copy{padding:16px}.list-actions,.panel-title-row,.preview-actions{align-items:stretch;flex-direction:column}.version-select{min-width:0}.citation-list li{grid-template-columns:1fr}.row-actions{justify-content:flex-start}}