.blog-index{max-width:1200px;margin:auto;padding:70px 5vw 90px}.blog-index h1{max-width:850px}.article-intro{font-size:1.25rem;line-height:1.65;max-width:760px}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:48px}.blog-card{border:1px solid #bccbd3;background:#fff}.blog-card>div{padding:26px}.blog-card img{width:100%;height:240px;object-fit:cover}.blog-card h2{font-size:1.7rem;line-height:1.25}.blog-card h2 a{text-decoration:none}.article-meta{font-size:.9rem;color:#385365;line-height:1.7}.blog-empty{margin-top:40px;padding:36px;border-top:3px solid #2a4d45;background:#fff}.blog-article{max-width:880px;margin:auto;padding:55px 28px 80px}.blog-article h1{font-size:clamp(2.25rem,5vw,3.75rem);line-height:1.14;overflow-wrap:anywhere}.article-cover{margin:36px 0}.article-cover img,.article-body img{width:100%;height:auto;display:block;border-radius:2px}.article-cover figcaption{font-size:.875rem;color:#385365;margin-top:10px}.article-body{font-size:1.125rem;line-height:1.85;overflow-wrap:anywhere;white-space:pre-wrap}.article-body h2{font-size:2rem;margin-top:2.5rem;line-height:1.3}.article-body h3{font-size:1.5rem;line-height:1.4}.article-body ul,.article-body ol{padding-left:1.6em}.article-body blockquote{border-left:3px solid #6faedc;padding-left:24px;margin:30px 0}.article-body figure{margin:32px 0}.article-next{margin-top:55px;padding:30px;border-top:3px solid #2a4d45;background:#e8f0f4}.article-next h2{font-size:1.8rem}.article-next>div{display:flex;flex-wrap:wrap;align-items:center;gap:20px}.draft-banner{padding:20px;text-align:center;background:#fff2ce;border-bottom:1px solid #ac8220}.draft-banner a{margin-left:18px}.editor-brand{background:#0d1b2a;color:#fff;display:flex;gap:24px;align-items:center;padding:22px 4vw;font-size:1rem}.editor-brand a{color:#fff}.editor-brand a:first-child{font-weight:700}.editor-brand a:last-child{margin-left:auto}.studio{display:grid;grid-template-columns:290px minmax(0,1fr);max-width:1500px;margin:auto;min-height:calc(100vh - 70px)}.studio-list{border-right:1px solid #bbcbd5;padding:30px 22px;background:#eaf1f5}.studio h1{font-size:1.6rem;line-height:1.2}.studio-heading{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.studio button,.studio select,.studio input,.studio textarea{font:inherit;font-size:1rem}.studio button,dialog button{border:1px solid #7b919e;border-radius:3px;padding:10px 15px;background:#fff;color:#0d1b2a;cursor:pointer;min-height:44px}.studio button:hover,dialog button:hover{background:#dcebf4}.studio button:disabled{opacity:.6;cursor:wait}.studio button:focus-visible,.studio input:focus-visible,.studio textarea:focus-visible,.studio select:focus-visible,#body:focus-visible{outline:3px solid #35749e;outline-offset:3px}.post-select{width:100%;text-align:left;margin-top:12px;overflow-wrap:anywhere}.post-select strong,.post-select span{display:block}.post-select span{font-size:.875rem;margin-top:7px;color:#385365}.post-select.selected{border-left:5px solid #2a4d45}.view-blog{display:block;margin-top:28px}.studio-work{padding:38px clamp(20px,4vw,60px);max-width:1100px}.studio-top{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:30px}.studio-top h2{font-size:2.2rem;margin:8px 0}.status-pill{border:1px solid #9db6c5;border-radius:20px;font-size:.875rem;padding:7px 14px}.studio label{display:block;font-weight:600;margin-bottom:20px}.studio input:not([type=file]),.studio textarea,.studio select{display:block;background:#fff;color:#0d1b2a;border:1px solid #8fa6b4;border-radius:3px;width:100%;padding:12px;margin-top:7px}.studio textarea{resize:vertical}.studio input:read-only{background:#edf2f5;color:#385365}.field-hint{font-size:.875rem;color:#385365;display:block;font-weight:400;line-height:1.5}.studio-fields{display:grid;grid-template-columns:1fr 1.4fr;gap:20px}.cover-fields{border:1px solid #bbcbd5;padding:20px;margin:4px 0 28px;min-width:0}.cover-fields legend{font-weight:600;padding:0 8px}.cover-fields input[type=file]{display:block;max-width:100%;margin-top:10px}.cover-fields img{max-height:240px;max-width:100%;margin:18px 0}.cover-fields label:last-child{margin-bottom:0}.format-toolbar{display:flex;flex-wrap:wrap;gap:6px;background:#eaf1f5;padding:10px;border:1px solid #8fa6b4;border-bottom:0}.format-toolbar button{padding:8px 10px;font-size:.875rem}.inline-upload{position:relative;display:inline-block!important;border:1px solid #7b919e;border-radius:3px;padding:8px 10px;background:#fff;font-size:.875rem!important;font-weight:400!important;margin:0!important;cursor:pointer}.inline-upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.inline-upload:focus-within{outline:3px solid #35749e}#body{min-height:380px;background:#fff;border:1px solid #8fa6b4;padding:24px;font-size:1.125rem;line-height:1.8;overflow-wrap:anywhere}#body p{margin:0 0 1em}#body h2{font-size:1.8rem;line-height:1.3}#body h3{font-size:1.4rem}#body ul,#body ol{padding-left:1.6em}#body img{max-width:100%;height:auto}.search-settings{margin:24px 0}.search-settings summary{cursor:pointer;margin-bottom:20px}.studio-actions{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #bbcbd5;padding-top:22px}.studio .publish{background:#2a4d45;color:#fff;border-color:#2a4d45}.studio .publish:hover{background:#193b34}#save-status{font-size:1rem;line-height:1.6;min-height:52px}#save-status.error{color:#a32121}.studio [hidden]{display:none!important}dialog{max-width:480px;width:calc(100% - 32px);border:1px solid #8fa6b4;border-radius:5px;padding:30px;background:#f7fbff;color:#0d1b2a}dialog::backdrop{background:#0d1b2a99}dialog h2{font-size:1.8rem}dialog p{line-height:1.65}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.header nav{flex-wrap:wrap;gap:8px}
@media(max-width:900px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio{grid-template-columns:230px minmax(0,1fr)}.studio-work{padding:28px 22px}.studio-fields{grid-template-columns:1fr;gap:0}}
@media(max-width:700px){.studio{display:block}.studio-list{border-right:0;border-bottom:1px solid #bbcbd5}.studio-heading{justify-content:space-between}.studio-list #post-list{max-height:200px;overflow:auto}.studio-top h2{font-size:1.8rem}.editor-brand{flex-wrap:wrap;gap:12px;font-size:.875rem}.editor-brand span{display:none}.studio-work{padding:25px 18px}.blog-grid{grid-template-columns:1fr}.blog-article{padding:35px 22px 60px}.article-body{font-size:1rem}.article-next{padding:23px}.blog-index{padding:40px 22px}.studio-actions button{flex:1 1 140px}#body{padding:18px}.format-toolbar{gap:5px}.blog-card img{height:220px}}
.article-body em,#body em{font-style:italic;color:inherit}.article-body a{text-decoration:underline;text-underline-offset:3px}
