:root{color-scheme:light;--text:#17212a;--muted:#59666c;--line:#dce3e5;--accent:#007f82;--paper:#fff;--surface:#f3f6f6}
*{box-sizing:border-box;letter-spacing:0}body{margin:0;background:var(--paper);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font:inherit}button,a,input,textarea,summary{outline-offset:4px}button{cursor:pointer}img{display:block;max-width:100%}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p,figure{margin:0}h1{font-size:30px;line-height:1.4;font-weight:750;overflow-wrap:anywhere}h2{font-size:21px;line-height:1.5}h3{font-size:17px;line-height:1.5}p+ p{margin-top:12px}ul,ol{padding-left:24px}li+li{margin-top:7px}[hidden]{display:none!important}.skip-link{position:absolute;top:-100px;left:16px;z-index:50;background:white;padding:8px}.skip-link:focus{top:8px}.site-header{background:#10171c;border-bottom:1px solid #293136;color:#fff}.header-inner{max-width:1180px;margin:auto;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:inline-flex;align-items:center;gap:9px;color:#46d6dc;font-size:21px;font-weight:750;white-space:nowrap}.site-header nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.site-header nav a{color:#c6d3d7;font-size:14px;white-space:nowrap}.site-header nav a[aria-current=page]{color:#46d6dc}.site-header nav .generate-link{color:#fff;display:inline-flex;gap:6px;align-items:center}.container{max-width:1180px;padding:30px 28px 64px;margin:auto}.breadcrumbs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--muted);margin-bottom:24px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p{max-width:740px;margin-top:10px;color:var(--muted)}.eyebrow{color:var(--accent);font-size:13px;font-weight:650;margin-bottom:8px}.meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:13px;margin-top:12px}.tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.button{border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--text);display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 14px;min-height:42px;font-size:14px;font-weight:600;white-space:nowrap}.button:hover{border-color:var(--accent);text-decoration:none;background:#f0f8f8}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.icon{width:42px;padding:9px}.search-bar{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:24px}.search-field{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px;padding:9px 12px;flex:1;min-width:180px;max-width:420px}.search-field input{border:0;outline:none;min-width:0;width:100%;background:transparent}.filters{display:flex;gap:3px;align-items:center;flex-wrap:wrap}.filters a{padding:8px 13px;border-bottom:2px solid transparent;color:var(--muted);font-size:14px}.filters a.active{border-color:var(--accent);color:var(--accent);font-weight:650}.results-count{font-size:13px;color:var(--muted);margin-left:auto}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.case-card{border:1px solid var(--line);border-radius:8px;overflow:hidden;min-width:0}.case-card>a{color:inherit;display:block;height:100%}.case-card>a:hover{text-decoration:none}.case-card:hover{border-color:#91bfc0}.case-card figure{aspect-ratio:16/11;background:var(--surface);padding:10px;border-bottom:1px solid var(--line);display:grid;place-items:center}.case-card img{width:100%;height:100%;object-fit:contain}.card-body{padding:16px}.category{font-size:12px;color:var(--accent);font-weight:650}.case-card h2{font-size:17px;margin:5px 0 8px}.case-card p{font-size:13px;line-height:1.7;color:var(--muted)}.card-bottom{margin-top:14px;display:flex;align-items:center;justify-content:space-between;color:var(--accent);font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.guide-band{margin-top:42px;border-top:1px solid var(--line);padding-top:26px}.guide-list{list-style:none;padding:0;margin:0}.guide-list li{margin:0;padding:19px 0;border-bottom:1px solid var(--line);display:flex;align-items:start;justify-content:space-between;gap:20px}.guide-list h2,.guide-list h3{font-size:18px;margin-bottom:6px}.guide-list p{font-size:14px;color:var(--muted);max-width:780px}.guide-list .reading-time{font-size:13px;color:var(--muted);white-space:nowrap}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 355px;gap:32px;align-items:start}.main-figure{background:var(--surface);padding:14px;border:1px solid var(--line)}.main-figure img{width:100%;height:auto;max-height:570px;object-fit:contain}.main-figure figcaption{margin-top:10px;font-size:12px;color:var(--muted);display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap}.case-section{margin-top:28px}.case-section h2{margin-bottom:10px}.case-section ol,.case-section ul{margin:0}.prompt-panel{position:sticky;top:22px;border-top:3px solid var(--accent);padding-top:16px;min-width:0}.prompt-panel h2{font-size:18px}.prompt-panel textarea{margin-top:12px;min-height:250px;width:100%;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:13px;font-size:14px;line-height:1.9;background:var(--surface);color:var(--text)}.prompt-panel .tools{margin-top:12px}.price-note{font-size:12px;color:var(--muted);margin-top:12px}.related{margin-top:38px;padding-top:24px;border-top:1px solid var(--line)}.template-list details{border-bottom:1px solid var(--line);padding:18px 0;scroll-margin-top:20px}.template-list summary{cursor:pointer;font-size:17px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.template-list summary .category{margin-left:12px}.template-content{padding-top:16px}.template-content textarea{width:100%;min-height:145px;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:14px;background:var(--surface);font-size:14px;line-height:1.9;color:var(--text)}.template-content .tools{margin-top:10px}.template-content ul{color:var(--muted);font-size:14px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 220px;gap:44px;align-items:start}.article-body .intro{font-size:16px;line-height:1.9;margin-bottom:26px;color:#39494f}.article-body section{margin-top:32px;scroll-margin-top:24px}.article-body h2{margin-bottom:13px}.article-body section p{line-height:1.95}.article-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:14px;background:var(--surface);border-left:3px solid var(--accent);padding:18px;margin:18px 0 12px}.article-body figure{margin:22px 0}.article-body .tools{margin-top:20px}.article-toc{position:sticky;top:22px;border-left:1px solid var(--line);padding-left:18px;font-size:13px}.article-toc strong{display:block;margin-bottom:10px}.article-toc a{display:block;margin-bottom:12px;color:var(--muted)}.empty{padding:55px 0;text-align:center}.empty p{margin-top:12px;color:var(--muted)}.empty .button{margin-top:18px}.site-footer{border-top:1px solid var(--line);background:var(--surface)}.footer-inner{max-width:1180px;padding:22px 28px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:13px;color:var(--muted)}.footer-inner nav{display:flex;gap:18px;flex-wrap:wrap}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#17212a;color:white;border-radius:6px;padding:10px 18px;font-size:14px;box-shadow:0 4px 20px #0002;z-index:30;max-width:calc(100% - 32px)}
.case-card figure{position:relative;display:block;overflow:hidden}.case-card figure img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px)}
@media(max-width:960px){.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px}.article-layout{grid-template-columns:minmax(0,1fr)}.article-toc{position:static;grid-row:1;padding:12px 0;border-left:0;border-bottom:1px solid var(--line)}.article-toc a{display:inline-block;margin-right:14px;margin-bottom:8px}.article-toc strong{display:none}}
@media(max-width:640px){.header-inner{padding:12px 16px;flex-wrap:wrap;gap:12px}.brand{font-size:20px}.site-header nav{gap:18px;justify-content:flex-start;width:100%}.site-header nav a{font-size:13px}.container{padding:22px 16px 42px}.breadcrumbs{margin-bottom:18px;font-size:12px}h1{font-size:25px}h2{font-size:20px}.page-heading{flex-direction:column;margin-bottom:22px;gap:16px}.page-heading .tools{width:100%}.case-grid{grid-template-columns:1fr;gap:18px}.case-card figure{aspect-ratio:16/10}.search-bar{gap:10px}.search-field{max-width:none;flex-basis:calc(100% - 80px)}.filters{order:3;width:100%}.results-count{margin-left:0}.detail-layout{grid-template-columns:1fr}.prompt-panel{position:static;margin-top:8px}.prompt-panel textarea{min-height:210px}.main-figure{padding:8px}.main-figure img{max-height:none}.article-layout{gap:16px}.guide-list li{gap:12px}.guide-list h2,.guide-list h3{font-size:17px}.guide-list .reading-time{font-size:12px}.template-list summary .category{display:block;margin-left:0;margin-top:4px}.template-content textarea{min-height:200px}.footer-inner{padding:20px 16px}.button{padding:9px 12px}.article-body pre{padding:14px}}