/* Unified My Blog source selection and summary library. */
.blog-page .blog-note{border-left-color:#7f62bd;background:#f7f4fc;color:#5d5273}
.blog-source-panel,.blog-mode-panel{margin-top:1rem;padding:1rem;border:1px solid #d6e0e8;border-radius:7px;background:#fff}
.blog-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:.7rem}.blog-section-heading h2{margin:0;color:#2e4a63;font-size:1rem}.blog-section-heading p{margin:.18rem 0 0;color:#718399;font-size:.76rem}.blog-prototype-status{color:#6f8193;font-size:.7rem;font-weight:700}
.blog-mode-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.blog-mode-choice{position:relative!important;display:grid!important;grid-template-columns:auto auto minmax(0,1fr)!important;align-items:center!important;gap:.65rem!important;min-height:5.25rem;padding:.85rem!important;border:1px solid #cfdbe6!important;border-radius:7px!important;background:#fff!important;cursor:pointer}.blog-mode-choice:hover{border-color:#80afd1!important;background:#f8fbfd!important}.blog-mode-choice:has(>input:checked){border-color:#2c83c0!important;background:#eef7fd!important;box-shadow:0 0 0 2px rgba(44,131,192,.1)}.blog-mode-choice>input{margin:0}.blog-mode-choice>span:last-child{display:grid;gap:.16rem}.blog-mode-choice strong{color:#304d67;font-size:.84rem}.blog-mode-choice small{color:#718399;font-size:.72rem}.blog-mode-icon{display:grid;place-items:center;width:2.15rem;height:2.15rem;border-radius:50%;background:#eaf4fb;color:#287eb7}
.blog-none-state{display:flex;align-items:center;gap:.8rem;background:#f8fafc}.blog-none-state>i{display:grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:50%;background:#e8edf2;color:#64788a}.blog-none-state h2{margin:0;color:#334f67;font-size:.95rem}.blog-none-state p{margin:.2rem 0 0;color:#6c7f91;font-size:.76rem}
.blog-feed-finder{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.75rem}.blog-feed-finder label{display:grid;gap:.4rem;color:#405369;font-size:.82rem;font-weight:750}.blog-feed-finder input{box-sizing:border-box;width:100%;min-height:2.75rem;padding:.65rem .72rem;border:1px solid #cfd9e3;border-radius:4px;background:#fff;color:#344e67;font:inherit;font-size:.83rem}.blog-feed-finder .sm-button{min-height:2.75rem}.blog-feed-status{margin:.55rem 0;color:#6f8193;font-size:.76rem}.blog-feed-status.is-error{color:#a83d3d}.blog-feed-status.is-success{color:#26784c}
.blog-summary-list{border-top:1px solid #e0e7ed}.blog-summary-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.85rem 0;border-bottom:1px solid #e0e7ed}.blog-summary-row span{color:#778999;font-size:.68rem}.blog-summary-row h3{margin:.18rem 0;color:#304f67;font-size:.88rem}.blog-summary-row p{margin:0;color:#64768a;font-size:.74rem;line-height:1.45}.blog-summary-row>a{white-space:nowrap;color:#337daf;font-size:.72rem;font-weight:750}
.blog-pagination{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;margin-top:.8rem}.blog-pagination button{min-height:2.25rem;padding:.35rem .65rem;border:1px solid #cbd8e2;border-radius:4px;background:#fff;color:#315674;font-weight:700}.blog-pagination button:disabled{color:#8b9aa7;background:#f2f5f7}.blog-pagination span{color:#64788a;font-size:.72rem}
.blog-post-art{background:linear-gradient(135deg,#399ccf,#255f92)}.blog-post-art--indigo{background:linear-gradient(135deg,#706fd1,#3d438c)}.blog-post-art i{font-size:1.4rem}
.blog-form{max-width:none}.blog-field-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(12rem,.5fr);gap:1rem}.blog-field-grid label,.blog-writing-field{display:grid;gap:.4rem;color:#405369;font-size:.82rem;font-weight:750}.blog-field-grid input,.blog-field-grid select,.blog-writing-field textarea{box-sizing:border-box;width:100%;min-height:2.75rem;padding:.65rem .72rem;border:1px solid #cfd9e3;border-radius:4px;background:#fff;color:#344e67;font:inherit;font-size:.83rem}.blog-writing-field{margin-top:1rem}.blog-writing-field small{color:#718399;font-size:.72rem;font-weight:400}
@media(max-width:900px){.blog-mode-choices{grid-template-columns:1fr}.blog-summary-row{grid-template-columns:1fr}}
@media(max-width:680px){.blog-field-grid,.blog-feed-finder{grid-template-columns:1fr}.blog-section-heading{align-items:flex-start;flex-direction:column}.blog-pagination{justify-content:center}}

.blog-feed-modal[hidden]{display:none}.blog-feed-modal{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:1rem}.blog-feed-modal__backdrop{position:absolute;inset:0;background:rgba(20,36,50,.58)}.blog-feed-modal__dialog{position:relative;width:min(54rem,calc(100vw - 2rem));max-height:calc(100vh - 2rem);overflow:auto;padding:1.15rem;border-radius:8px;background:#fff;box-shadow:0 18px 60px rgba(17,34,48,.28)}.blog-feed-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid #dce4ea}.blog-feed-modal__dialog h2{margin:0;color:#294a64;font-size:1.15rem}.blog-feed-modal__header p{margin:.25rem 0 0;color:#6e8091;font-size:.76rem}.blog-feed-modal__status{margin:.7rem 0;color:#6f8193;font-size:.76rem}.blog-feed-modal__status.is-error{color:#a83d3d}.blog-feed-modal__status.is-success{color:#26784c}.blog-feed-results{display:grid;gap:.7rem}.blog-feed-result{display:grid;gap:.45rem;padding:.85rem;border:1px solid #d5dfe7;border-radius:6px;background:#fbfcfd}.blog-feed-result__badges{display:flex;gap:.4rem}.blog-feed-type,.blog-feed-source{display:inline-flex;padding:.18rem .4rem;border-radius:4px;font-size:.64rem;font-weight:800}.blog-feed-type{background:#158957;color:#fff}.blog-feed-source{border:1px solid #d3dde5;background:#f3f6f8;color:#526a7c}.blog-feed-result h3{margin:0;color:#2f4f68;font-size:.88rem}.blog-feed-result>a{color:#286fa4;font-size:.73rem;word-break:break-all}.blog-feed-result>.sm-button{justify-self:start;margin-top:.15rem}.sm-dialog-open{overflow:hidden}
@media(max-width:680px){.blog-feed-modal__search{grid-template-columns:1fr}.blog-feed-modal__dialog{padding:.9rem}}

.blog-selected-feed{display:grid;gap:.4rem;margin:.7rem 0 1rem;padding:.8rem;border:1px solid #b9d9c7;border-radius:6px;background:#f7fcf9}.blog-selected-feed[hidden]{display:none}.blog-selected-feed h3{margin:0;color:#2f4f68;font-size:.9rem}.blog-selected-feed>a{color:#286fa4;font-size:.73rem;word-break:break-all}

.blog-feed-helper-search{display:grid;grid-template-columns:minmax(28rem,1fr) auto;align-items:end;gap:.75rem;width:100%;margin-top:1rem}.blog-feed-helper-field{display:grid!important;grid-template-columns:1fr!important;gap:.4rem!important;min-width:0}.blog-feed-helper-field label{display:block!important;margin:0!important;color:#405369;font-size:.82rem;font-weight:750}.blog-feed-helper-field input{box-sizing:border-box!important;width:100%!important;min-width:0!important;min-height:2.75rem;padding:.65rem .72rem;border:1px solid #cfd9e3;border-radius:4px;background:#fff;color:#344e67;font:inherit;font-size:.83rem}.blog-feed-helper-field input[aria-invalid="true"]{border-color:#b64242;box-shadow:0 0 0 2px rgba(182,66,66,.12)}.blog-feed-helper-search .sm-button{min-height:2.75rem}.blog-feed-modal__status.is-warning{padding:.7rem .8rem;border:1px solid #ead5a2;border-radius:5px;background:#fff8e8;color:#71591f}
@media(max-width:680px){.blog-feed-helper-search{grid-template-columns:1fr}}