@charset "UTF-8";

/* A paper-like editorial canvas shared by the individual creative guides. */
.creative-guide{--paper:#fbf8f1;--surface:#f1ece2;--ink:#243932;--muted:#59655d;--line:#d8d9cd;--accent:#a7432d;--creative-wash:#f1e1d7;background:var(--paper)}
.creative-theme-ochre{--accent:#826016;--creative-wash:#f2e8ca}
.creative-theme-blue{--accent:#305f86;--creative-wash:#e0e9ec}
.creative-theme-green{--accent:#38664a;--creative-wash:#e3eadc}
.creative-guide .site-header{background:rgba(251,248,241,.97)}
.creative-main{max-width:1320px;padding-inline:40px}
.creative-guide .breadcrumbs{margin-block:27px 36px;font-size:12px;overflow-wrap:anywhere}
.creative-hero{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,72px);margin-block:0 76px;animation:creative-arrive .65s ease both}
.creative-hero-copy,.creative-cover,.creative-next-item>span{min-width:0}
.creative-edition{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:2px solid var(--ink);padding-top:14px;margin-bottom:37px;font-size:10px;letter-spacing:1.9px}
.creative-edition>span{font:italic 28px/1 Georgia,serif;letter-spacing:-1px}
.creative-category{font-size:11px;font-weight:650;letter-spacing:1.25px;line-height:1.7;color:var(--accent);margin-bottom:17px}
.creative-hero h1{font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-size:clamp(35px,3.4vw,51px);font-weight:400;line-height:1.13;letter-spacing:-1.9px;max-width:20ch;overflow-wrap:anywhere;text-wrap:pretty}
.creative-deck{font-size:16px;line-height:1.85;color:var(--muted);margin-block:27px 26px;max-width:60ch}
.creative-byline{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:14px}
.creative-byline>span{font-size:11px;letter-spacing:.3px}
.creative-profile-link{display:inline-flex;align-items:center;gap:15px;min-height:44px;font-size:12px;font-weight:650;text-decoration:none;border-bottom:1px solid var(--accent)}
.creative-profile-link>span{font-size:21px;line-height:1;color:var(--accent)}
.creative-cover{position:relative;margin:0;padding-top:15px}
.creative-cover::before{content:"";position:absolute;inset:0 -14px 42px 20px;border:1px solid var(--line);z-index:-1;transform:rotate(2deg)}
.creative-cover img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;background:var(--creative-wash);border:1px solid var(--line)}
.creative-cover figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:12px;color:var(--muted);font-size:10px;letter-spacing:.2px;line-height:1.6}
.creative-cover figcaption>span:last-child{font-size:9px;letter-spacing:1.3px;flex-shrink:0}
.creative-reading{display:grid;grid-template-columns:minmax(150px,210px) minmax(0,760px);justify-content:space-between;align-items:start;gap:clamp(32px,6vw,86px);padding-top:34px;border-top:1px solid var(--line)}
.creative-guide .creative-contents{padding-top:1px;top:106px}
.creative-guide .creative-contents summary{font-size:11px;letter-spacing:1.5px;padding-bottom:15px}
.creative-guide .creative-contents nav a{padding-block:9px;font-size:12px;line-height:1.75;border-inline-start:2px solid transparent;border-left:0;padding-inline:10px 0}
.creative-guide .creative-contents nav a:hover,.creative-guide .creative-contents nav a[aria-current]{border-inline-start-color:var(--accent);color:var(--accent)}
.creative-prose{font-size:17px;line-height:1.95;letter-spacing:0;max-width:760px}
.creative-prose>p:first-child{font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-size:23px;line-height:1.75;letter-spacing:-.1px;color:var(--ink);margin-bottom:32px}
.creative-prose h2{font-size:31px;line-height:1.35;letter-spacing:-.5px;margin-top:59px;padding-top:27px}
.creative-prose h3{font-size:18px;line-height:1.65;margin-top:29px}
.creative-prose p,.creative-prose li{max-width:100%}
.creative-prose>p{margin-bottom:25px}
.creative-prose ul,.creative-prose ol{padding-inline-start:26px;padding-inline-end:0}
.creative-prose li{padding-inline-start:4px;padding-inline-end:0}
.creative-prose a{font-weight:500;text-decoration-color:color-mix(in srgb,var(--accent) 55%,transparent)}
.creative-prose a:hover{text-decoration-thickness:2px}
.creative-prose blockquote{margin:30px 0;padding:20px 25px;border-inline-start:3px solid var(--accent);background:var(--creative-wash);font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-size:21px;line-height:1.8}
.creative-prose blockquote p{margin:0}
.creative-prose figure{margin-block:39px}
.creative-prose figure img,.creative-prose>p>img{width:100%;height:auto;object-fit:contain;background:var(--creative-wash);border:1px solid var(--line)}
.creative-prose figcaption{font-size:11px;line-height:1.85;margin-top:12px;color:var(--muted)}
.creative-prose .table-scroll{margin-block:29px 33px}
.creative-prose .table-scroll table{min-width:540px;font-size:13px;line-height:1.85}
.creative-prose .table-scroll th,.creative-prose .table-scroll td{text-align:start;padding:16px}
.creative-prose .table-scroll th{white-space:normal;font-size:12px;min-width:100px}
.creative-prose .table-scroll th:first-child{min-width:125px}
.creative-prose pre{background:#f0f0e8;border-color:var(--line);border-top:3px solid var(--accent);padding:58px 25px 25px;font-size:14px;line-height:1.85}
.creative-prose .copy-button{inset-inline-end:12px;inset-inline-start:auto;right:auto;min-height:38px;font-size:11px}
.creative-tool-close{margin-top:48px;padding:25px 28px;background:var(--creative-wash);border-inline-start:3px solid var(--accent)}
.creative-tool-close>p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:8px}
.creative-tool-close>a{display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-size:24px;line-height:1.5;min-height:44px;text-decoration:none;color:var(--ink)}
.creative-tool-close>a:hover{color:var(--accent)}
.creative-tool-close>a>span{font-family:Georgia,serif;font-size:28px;color:var(--accent);flex-shrink:0}
.creative-next{display:grid;grid-template-columns:minmax(150px,300px) minmax(0,1fr);gap:50px;border-top:2px solid var(--ink);margin-block:88px 74px;padding-top:32px}
.creative-next-heading .eyebrow{color:var(--accent);margin-bottom:18px;font-size:10px}
.creative-next-heading h2{font-size:36px;line-height:1.2;letter-spacing:-.8px;max-width:13ch}
.creative-next nav{min-width:0}
.creative-next-item{display:grid;grid-template-columns:26px minmax(0,1fr) 24px;gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;transition:color .2s}
.creative-next-item:first-child{padding-top:0}
.creative-next-number{font:italic 15px/1.8 Georgia,serif;color:var(--accent)}
.creative-next-item h3{font-family:Georgia,"Noto Serif SC","Songti SC",SimSun,serif;font-size:22px;font-weight:400;line-height:1.4;letter-spacing:-.25px;margin-bottom:9px;overflow-wrap:anywhere}
.creative-next-item p{font-size:13px;line-height:1.75;color:var(--muted)}
.creative-next-arrow{font-size:24px;line-height:1.5;color:var(--accent);transition:transform .2s}
.creative-next-item:hover .creative-next-arrow{transform:translate(3px,-3px)}
.creative-guide .topic-index{max-width:1240px}
html[lang=zh-CN] .creative-hero h1{font-size:clamp(30px,2.7vw,40px);line-height:1.45;letter-spacing:.1px;max-width:19ch}
html[lang=zh-CN] .creative-prose{font-size:17px;line-height:2;letter-spacing:.015em}
html[lang=zh-CN] .creative-prose>p:first-child{font-size:21px;line-height:1.95;letter-spacing:.03em}
html[lang=zh-CN] .creative-prose h2{font-size:29px;line-height:1.5;letter-spacing:.1px}
html[dir=rtl] .creative-prose,html[dir=rtl] .creative-hero-copy{text-align:start}
html[dir=rtl] .creative-next-arrow{transform:scaleX(-1)}
html[dir=rtl] .creative-next-item:hover .creative-next-arrow{transform:scaleX(-1) translate(3px,-3px)}
@keyframes creative-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:1450px){.creative-hero{padding-block:10px 8px}}
@media(max-width:1100px){.creative-main{padding-inline:30px}.creative-hero{gap:32px}.creative-hero h1{font-size:39px;letter-spacing:-1.2px}.creative-edition{margin-bottom:26px}.creative-reading{grid-template-columns:180px minmax(0,1fr);gap:38px}.creative-next{grid-template-columns:230px minmax(0,1fr);gap:35px}.creative-next-heading h2{font-size:32px}}
@media(max-width:800px){.creative-main{padding-inline:26px}.creative-hero{grid-template-columns:1fr;gap:30px;margin-bottom:45px}.creative-hero h1{font-size:46px;max-width:24ch}.creative-deck{max-width:70ch}.creative-cover{max-width:680px;padding-top:0}.creative-cover::before{inset:-12px -10px 40px 22px}.creative-reading{display:block;padding-top:0;border-top:0}.creative-guide .creative-contents{position:static;padding-block:17px 20px;margin-bottom:35px}.creative-guide .creative-contents summary{padding-bottom:6px}.creative-guide .creative-contents nav{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-prose{max-width:none}.creative-next{grid-template-columns:1fr;gap:28px;margin-block:65px 50px}.creative-next-heading h2{max-width:none;font-size:34px}.creative-next-heading .eyebrow{margin-bottom:13px}html[lang=zh-CN] .creative-hero h1{font-size:38px;max-width:22ch}}
@media(max-width:520px){.creative-main{padding-inline:20px}.creative-guide .breadcrumbs{margin-block:20px 27px;font-size:11px}.creative-edition{margin-bottom:25px;padding-top:12px;font-size:9px;letter-spacing:1.5px}.creative-edition>span{font-size:25px}.creative-category{font-size:10px;letter-spacing:.9px;margin-bottom:15px}.creative-hero h1{font-size:38px;line-height:1.16;letter-spacing:-1.2px;max-width:none}.creative-deck{font-size:15px;line-height:1.85;margin-block:22px}.creative-byline{gap:14px}.creative-byline>span{font-size:10px}.creative-profile-link{font-size:11px;gap:10px}.creative-cover::before{display:none}.creative-cover figcaption{font-size:10px;gap:10px}.creative-cover figcaption>span:last-child{font-size:8px;letter-spacing:.9px}.creative-hero{gap:25px;margin-bottom:31px}.creative-guide .creative-contents nav{grid-template-columns:1fr}.creative-guide .creative-contents nav a{font-size:12px;min-height:40px;padding-block:8px}.creative-prose{font-size:16px;line-height:1.95}.creative-prose>p:first-child{font-size:21px;line-height:1.8}.creative-prose h2{font-size:28px;margin-top:46px;padding-top:23px}.creative-prose h3{font-size:18px}.creative-prose pre{padding:57px 18px 23px;font-size:13px}.creative-prose blockquote{font-size:19px;padding:18px 20px}.creative-tool-close{padding:21px 20px;margin-top:37px}.creative-tool-close>a{font-size:21px;gap:16px}.creative-next{margin-top:56px}.creative-next-heading h2{font-size:30px}.creative-next-item{gap:12px;grid-template-columns:23px minmax(0,1fr) 20px;padding-block:20px}.creative-next-item h3{font-size:21px}.creative-next-item p{font-size:12px}.creative-next-arrow{font-size:21px}html[lang=zh-CN] .creative-hero h1{font-size:31px;line-height:1.45;letter-spacing:.1px}html[lang=zh-CN] .creative-prose{font-size:16px}html[lang=zh-CN] .creative-prose>p:first-child{font-size:20px;line-height:1.9}html[lang=zh-CN] .creative-prose h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.creative-hero{animation:none}.creative-next-item,.creative-next-arrow{transition:none}.creative-next-item:hover .creative-next-arrow{transform:none}html[dir=rtl] .creative-next-item:hover .creative-next-arrow{transform:scaleX(-1)}}
@media print{.creative-main{max-width:none;padding:0}.creative-hero,.creative-reading{display:block;animation:none;border:0;padding:0}.creative-next,.creative-tool-close,.creative-profile-link,.creative-guide .topic-index{display:none!important}.creative-hero{margin-bottom:25px}.creative-edition{margin-bottom:18px}.creative-hero h1,html[lang=zh-CN] .creative-hero h1{max-width:none;font-size:25pt;line-height:1.35}.creative-cover{max-width:450px;margin-top:20px}.creative-cover::before{display:none}.creative-prose,html[lang=zh-CN] .creative-prose{max-width:none;font-size:11pt;line-height:1.8}.creative-prose>p:first-child,html[lang=zh-CN] .creative-prose>p:first-child{font-size:14pt}.creative-prose h2,html[lang=zh-CN] .creative-prose h2{font-size:18pt;break-after:avoid}.creative-prose .table-scroll table{min-width:0;font-size:9pt}.creative-prose .table-scroll th,.creative-prose .table-scroll td{min-width:0;padding:8px}.creative-prose pre{padding:15px;font-size:10pt}}