/* Full-screen blog reader, comments and reactions — v2.4.33 */
.had-detail-drawer.is-blog-reader{width:min(1320px,96vw);background:#eaf1f3}
.had-detail-drawer.is-blog-reader>header{padding:34px clamp(28px,4vw,64px) 0;background:linear-gradient(145deg,#052b3b,#06636b)}
.had-detail-drawer.is-blog-reader>header h1{max-width:1080px;font-size:clamp(30px,3.2vw,52px);line-height:1.08}
.had-detail-drawer.is-blog-reader .had-detail-meta{max-width:1080px}
.had-detail-drawer.is-blog-reader .had-drawer-body{display:block;padding:0;overflow:auto;background:#eaf1f3}
.had-detail-drawer.is-blog-reader .had-record-cover{width:100%;height:130px;padding:0;box-shadow:none;background:linear-gradient(125deg,#072d3d,#0a5863)}
.had-detail-drawer.is-blog-reader.has-feature-image .had-record-cover{height:clamp(280px,42vh,500px)}
.had-detail-drawer.is-blog-reader .had-record-cover:before,.had-detail-drawer.is-blog-reader .had-record-cover>span,.had-detail-drawer.is-blog-reader .had-record-cover>b,.had-detail-drawer.is-blog-reader .had-record-cover>em,.had-detail-drawer.is-blog-reader .had-record-cover>i{display:none}
.had-detail-drawer.is-blog-reader .had-record-cover img{object-fit:cover;filter:saturate(.82) contrast(1.04)}
.had-detail-drawer.is-blog-reader .had-record-copy{position:relative;z-index:2;max-width:960px;margin:-58px auto 52px;padding:46px clamp(30px,5vw,70px);border-top:4px solid var(--drawer-accent);background:#fff;box-shadow:0 24px 55px rgba(15,44,55,.18)}
.had-detail-drawer.is-blog-reader:not(.has-feature-image) .had-record-copy{margin-top:-72px}
.had-detail-drawer.is-blog-reader .had-record-copy>.had-kicker{color:#08798a;font-size:12px}.had-detail-drawer.is-blog-reader .had-lead{margin:18px 0 26px;color:#183f4d;font-size:20px;line-height:1.65;font-weight:500}
.had-detail-drawer.is-blog-reader .had-rich-content{max-height:none;overflow:visible;color:#263f49;font-size:16px;line-height:1.85}.had-detail-drawer.is-blog-reader .had-rich-content p{margin:0 0 1.35em}.had-detail-drawer.is-blog-reader .had-rich-content h2{margin:1.8em 0 .65em;font-size:28px;color:#123e4b}.had-detail-drawer.is-blog-reader .had-rich-content h3{margin:1.6em 0 .55em;font-size:22px;color:#164a57}.had-detail-drawer.is-blog-reader .had-rich-content img{max-width:100%;height:auto;border-radius:4px}.had-detail-drawer.is-blog-reader .had-rich-content a{color:#08798a;text-decoration-thickness:1px;text-underline-offset:3px}
.had-detail-drawer.is-blog-reader .had-citation-box{display:none}.had-detail-drawer.is-blog-reader .had-record-copy>.had-tag-row{margin:28px 0 8px}.had-detail-drawer.is-blog-reader .had-drawer-actions{padding-top:24px;border-top:1px solid #d8e3e6}
.had-blog-engagement{margin-top:34px;padding-top:30px;border-top:1px solid #cddde2}.had-blog-engagement[hidden]{display:none!important}
.had-blog-reaction-panel{padding:24px;border:1px solid #c8dde2;background:linear-gradient(145deg,#f3fafb,#e9f3f5)}.had-blog-reaction-panel small,.had-blog-discussion small{color:#08798a;font:700 12px ui-monospace,monospace;letter-spacing:.11em}.had-blog-reaction-panel h2,.had-blog-discussion h2{margin:6px 0 0;color:#123d49;font-size:23px}
.had-blog-reaction-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.had-blog-reaction-buttons button{min-height:76px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px;border:1px solid #b6d1d8;background:#fff;color:#254852;text-align:left;cursor:pointer}.had-blog-reaction-buttons button:hover,.had-blog-reaction-buttons button.is-selected{border-color:#0aa9ba;background:#e8fbfd;box-shadow:0 0 0 1px #0aa9ba}.had-blog-reaction-buttons button>span{font-size:25px}.had-blog-reaction-buttons button>b{font-size:12px}.had-blog-reaction-buttons button>em{min-width:28px;padding:4px 6px;border-radius:999px;background:#e1eef1;color:#08798a;font:700 12px ui-monospace,monospace;text-align:center;font-style:normal}.had-engagement-message{min-height:20px;margin:10px 0 0;color:#37707c;font-size:12px}
.had-blog-discussion{margin-top:30px}.had-blog-discussion>header{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:2px solid #d5e3e7}.had-blog-discussion>header>span{color:#4c6b76;font:700 12px ui-monospace,monospace}.had-comment-list{display:grid;gap:12px;padding:20px 0}.had-comment-loading,.had-no-comments{padding:24px;border:1px dashed #b8ccd2;color:#53717c;text-align:center}.had-no-comments b,.had-no-comments span{display:block}.had-no-comments b{color:#244852;font-size:16px}.had-no-comments span{margin-top:5px;font-size:12px}
.had-reader-comment{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:17px;border:1px solid #d6e2e6;background:#fbfdfe}.had-reader-comment.is-reply{margin-left:44px}.had-comment-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#083f4d;color:#56e4ee;font:700 14px ui-monospace,monospace}.had-comment-body header{display:flex;justify-content:space-between;gap:12px}.had-comment-body header b{color:#173f4c;font-size:14px}.had-comment-body time{color:#66828c;font:12px ui-monospace,monospace}.had-comment-content{margin-top:9px;color:#38545e;font-size:14px;line-height:1.65}.had-comment-content p{margin:.4em 0}.had-comment-like{display:inline-flex;align-items:center;gap:5px;margin-top:10px;padding:5px 8px;border:1px solid #c8dadd;background:#fff;color:#607983;cursor:pointer}.had-comment-like.is-liked{border-color:#db5e76;color:#b92f4c;background:#fff5f7}.had-comment-like span{color:#cf4f68}.had-comment-like b,.had-comment-like em{font-size:12px}.had-comment-like em{font-style:normal}
.had-comment-form{margin-top:12px;padding:24px;border:1px solid #bfd5dc;background:#f4f9fa}.had-comment-form h3{margin:0;color:#163e4a;font-size:20px}.had-comment-form>p{margin:7px 0 18px;color:#627c85;font-size:12px}.had-comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.had-comment-form label{display:grid;gap:6px;margin-top:12px;color:#294f5b;font-size:12px;font-weight:700}.had-comment-form input,.had-comment-form textarea{width:100%;border:1px solid #aac4cb;background:#fff;color:#183f4b;padding:11px 12px;font:14px/1.5 inherit;outline:none}.had-comment-form input:focus,.had-comment-form textarea:focus{border-color:#0aa9ba;box-shadow:0 0 0 2px rgba(10,169,186,.14)}.had-comment-submit{display:flex;align-items:center;gap:14px;margin-top:15px}.had-comment-submit button{padding:10px 16px;border:1px solid #08798a;background:#08798a;color:#fff;font-weight:700;cursor:pointer}.had-comment-submit button:disabled{opacity:.55}.had-comment-submit span{color:#426872;font-size:12px}.had-comment-honeypot{position:absolute!important;left:-9999px!important}.had-comments-closed{margin-top:16px;padding:18px;border:1px solid #c8dadd;background:#f2f7f8;color:#42636d;font-size:13px}.had-comments-closed a{color:#08798a}
/* Native full-page WordPress blog reader. */
.had-blog-single-screen{overflow:auto;padding-bottom:40px}.had-blog-single-header{padding:28px clamp(20px,4vw,60px);border:1px solid #1d5265;background:linear-gradient(145deg,#062838,#075d66)}.had-blog-single-header h1{max-width:1050px;margin:12px 0 16px;font-size:clamp(32px,4vw,58px);line-height:1.08}.had-blog-single-meta{display:flex;flex-wrap:wrap;gap:10px;color:#9bc4cd;font-size:12px}.had-blog-single-article{max-width:1040px;margin:20px auto 0;padding:clamp(24px,5vw,68px);background:#f7fafb;color:#25404a;box-shadow:0 24px 55px rgba(0,0,0,.28)}.had-blog-single-article>figure{margin:-68px -68px 38px}.had-blog-single-article>figure img{width:100%;max-height:520px;object-fit:cover}.had-blog-single-copy{font-size:16px;line-height:1.85}.had-blog-single-copy h2{font-size:28px;color:#123e4b}.had-blog-single-copy h3{font-size:22px;color:#164a57}.had-blog-single-copy img{max-width:100%;height:auto}.had-blog-single-article .had-blog-engagement{color:#24444f}
@media(max-width:900px){.had-detail-drawer.is-blog-reader{width:100vw}.had-detail-drawer.is-blog-reader .had-record-copy{margin:-35px 16px 30px;padding:30px 24px}.had-blog-reaction-buttons{grid-template-columns:repeat(2,1fr)}.had-comment-fields{grid-template-columns:1fr}.had-reader-comment.is-reply{margin-left:20px}.had-blog-single-article{margin:12px;padding:28px 22px}.had-blog-single-article>figure{margin:-28px -22px 28px}}
@media(max-width:560px){.had-blog-reaction-buttons{grid-template-columns:1fr}.had-detail-drawer.is-blog-reader>header h1{font-size:30px}.had-detail-drawer.is-blog-reader .had-lead{font-size:17px}.had-detail-drawer.is-blog-reader .had-rich-content{font-size:15px}.had-reader-comment{grid-template-columns:36px minmax(0,1fr);padding:12px}.had-comment-avatar{width:36px;height:36px}.had-comment-body header{display:block}.had-comment-body time{display:block;margin-top:3px}}