/* AckySHINE Articles — root publishing integration v4
   Root files remain at / while inheriting the /articles/ module shell. */
:root{
 --root-ink:#102f39;--root-muted:#627982;--root-line:#d8e5e9;--root-card:#fff;--root-soft:#f4fafb;
 --root-teal:#0b7f87;--root-teal2:#0a6673;--root-blue:#2563eb;--root-green:#15803d;--root-amber:#b45309;
 --root-red:#b42318;--root-violet:#6d28d9;--root-shadow:0 16px 44px rgba(8,47,61,.11);--root-r:20px;
}
.root-art-shell{width:min(1320px,100%);margin:0 auto;padding:20px 18px 110px}.root-art-shell *{box-sizing:border-box}
.root-art-shell a{text-decoration:none}.root-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;padding:30px;border-radius:26px;background:linear-gradient(135deg,#07394a,#0a6d78 65%,#16a0a2);color:#fff;box-shadow:var(--root-shadow);margin-bottom:20px;overflow:hidden;position:relative}.root-hero:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-75px;top:-100px;background:rgba(255,255,255,.09)}.root-hero-ai{background:linear-gradient(135deg,#312e81,#6555d9 60%,#0e7490)}.root-hero-publish{background:linear-gradient(135deg,#064e3b,#0b7f71 60%,#0ea5a8)}.root-hero-recreate{background:linear-gradient(135deg,#78350f,#b45309 58%,#0f766e)}.root-hero-library{background:linear-gradient(135deg,#3f2d09,#9a6c0b 55%,#0b7285)}.root-hero>div{position:relative;z-index:1}.root-eyebrow{display:block;font-size:.72rem;letter-spacing:.14em;font-weight:900;color:rgba(255,255,255,.86)!important;opacity:1;margin-bottom:7px}.root-hero h1{margin:0;font-size:clamp(1.8rem,4vw,3.15rem);line-height:1.02;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.12)}.root-hero p{max-width:790px;margin:10px 0 0;font-size:1rem;line-height:1.65;color:rgba(255,255,255,.88)}.root-hero-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;flex:0 0 auto}
.root-btn{appearance:none;border:0;border-radius:12px;padding:10px 14px;font:800 .88rem/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;transition:.18s ease;text-decoration:none}.root-btn:hover{transform:translateY(-1px)}.root-btn:disabled,.root-btn[aria-disabled="true"]{opacity:.48;cursor:not-allowed;transform:none;pointer-events:none}.root-btn-primary{background:linear-gradient(135deg,#087986,#0e6670);color:#fff;box-shadow:0 7px 18px rgba(8,121,134,.22)}.root-btn-soft{background:#edf7f8;color:#0b6470;border:1px solid #cae3e6}.root-btn-light{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(6px)}.root-btn-danger{background:#b42318;color:#fff}.root-btn-large{padding:14px 19px;font-size:1rem;min-height:48px}
.root-alert{padding:15px 17px;border-radius:15px;margin:14px 0;border:1px solid;line-height:1.55}.root-alert b{display:block}.root-alert p{margin:5px 0}.root-alert.tone-success{background:#effcf4;border-color:#bce9ca;color:#166534}.root-alert.tone-warning{background:#fff9e9;border-color:#f3d58b;color:#8a4b06}.root-alert.tone-danger{background:#fff1f1;border-color:#efb4b4;color:#9b1c1c}.root-alert-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.root-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.root-kpi{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--root-line);border-radius:17px;padding:15px;box-shadow:0 8px 22px rgba(8,47,61,.06)}.root-kpi>span{font-size:1.7rem}.root-kpi div{min-width:0}.root-kpi small,.root-kpi em{display:block;color:var(--root-muted);font-style:normal;font-size:.73rem}.root-kpi b{display:block;color:var(--root-ink);font-size:1.08rem;margin:2px 0;overflow-wrap:anywhere}
.root-card{background:var(--root-card);border:1px solid var(--root-line);border-radius:var(--root-r);padding:20px;margin:16px 0;box-shadow:0 9px 28px rgba(8,47,61,.055)}.root-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:15px}.root-card-head>div:first-child{display:flex;gap:10px;align-items:flex-start}.root-card-head>div:first-child>span{font-size:1.45rem}.root-card-head h2{margin:0;color:var(--root-ink);font-size:1.12rem}.root-card-head p{margin:4px 0 0;color:var(--root-muted);font-size:.86rem;line-height:1.5}.root-card-head strong{color:var(--root-teal2);white-space:nowrap}.root-danger-zone{border-color:#f0c2c2;background:#fffafa}
.root-progress-native{display:block;width:100%;height:12px;border:0;border-radius:999px;overflow:hidden;background:#eaf1f3}.root-progress-native::-webkit-progress-bar{background:#eaf1f3;border-radius:999px}.root-progress-native::-webkit-progress-value{background:linear-gradient(90deg,#0d9488,#22c55e);border-radius:999px}.root-progress-native::-moz-progress-bar{background:linear-gradient(90deg,#0d9488,#22c55e);border-radius:999px}.root-capacity-bar{background:#fff;border:1px solid var(--root-line);border-radius:16px;padding:13px 16px;margin-bottom:16px}.root-capacity-bar>div:first-child{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--root-ink)}.root-capacity-bar small{color:var(--root-muted)}
.root-form-grid,.root-filter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.root-filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end}.root-form-grid label,.root-filter-grid label,.root-field-full,.root-inline-form label,.root-inline-stack label{display:flex;flex-direction:column;gap:6px;color:var(--root-ink);font-size:.85rem;font-weight:800}.root-form-grid input,.root-form-grid select,.root-form-grid textarea,.root-filter-grid input,.root-filter-grid select,.root-field-full input,.root-field-full select,.root-field-full textarea,.root-inline-form input,.root-inline-form select,.root-inline-stack textarea,.root-comment-compose input,.root-comment-compose textarea,.root-reply-form input,.root-reply-form textarea{width:100%;border:1px solid #cbdde2;background:#fff;color:#173740;border-radius:11px;padding:10px 11px;font:500 .92rem/1.4 system-ui,-apple-system,"Segoe UI",sans-serif;outline:none;transition:.16s}.root-form-grid input:focus,.root-form-grid select:focus,.root-form-grid textarea:focus,.root-filter-grid input:focus,.root-filter-grid select:focus,.root-field-full input:focus,.root-field-full select:focus,.root-field-full textarea:focus,.root-comment-compose textarea:focus,.root-reply-form textarea:focus{border-color:#0ea5a8;box-shadow:0 0 0 3px rgba(14,165,168,.12)}.root-form-grid small,.root-field-full small{font-weight:500;color:var(--root-muted)}.root-field-full{margin:14px 0}.root-field-full select[multiple]{min-height:150px}.root-filter-actions{display:flex;gap:8px;align-items:center}.root-sticky-actions{position:sticky;bottom:76px;z-index:8;display:flex;justify-content:flex-end;gap:8px;margin:14px 0;padding:10px;border-radius:16px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid rgba(211,227,231,.9);box-shadow:0 10px 30px rgba(8,47,61,.09)}
.root-switch{display:grid!important;grid-template-columns:42px 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:12px;border:1px solid #dce8eb;border-radius:13px;background:#f9fcfd;cursor:pointer}.root-switch input{position:absolute;opacity:0;pointer-events:none}.root-switch>span{grid-row:1/3;width:42px;height:24px;border-radius:99px;background:#b9c9ce;position:relative;transition:.18s}.root-switch>span:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;box-shadow:0 2px 6px rgba(0,0,0,.2);transition:.18s}.root-switch input:checked+span{background:#0d9488}.root-switch input:checked+span:after{transform:translateX(18px)}.root-switch b{font-size:.88rem}.root-switch small{font-weight:500;color:var(--root-muted);font-size:.73rem}
.root-inline-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.root-inline-form label{min-width:160px}.root-inline-stack{display:grid;gap:12px}.root-code-row{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#0e2932;color:#d9f5f6;border-radius:14px;padding:13px;margin:14px 0}.root-code-row div{min-width:0}.root-code-row small{display:block;color:#9cc3c8}.root-code-row code{display:block;white-space:normal;overflow-wrap:anywhere;font-size:.77rem;margin-top:4px}.root-help{font-size:.8rem;color:var(--root-muted);line-height:1.5}.root-runtime{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.root-runtime>*{background:#f0f7f8;border:1px solid #d6e7ea;padding:6px 9px;border-radius:999px;font-size:.76rem;color:#49636b}
.root-tabs{display:flex;gap:7px;overflow:auto;padding:5px;background:#eaf3f5;border-radius:15px;margin:16px 0}.root-tabs button{border:0;background:transparent;color:#42606a;font-weight:800;padding:10px 14px;border-radius:11px;white-space:nowrap;cursor:pointer}.root-tabs button.is-active{background:#fff;color:#086d76;box-shadow:0 4px 14px rgba(8,47,61,.08)}.root-tab-panel{display:none}.root-tab-panel.is-active{display:block}.root-review-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin:16px 0}.root-review-flow span{padding:7px 9px;border-radius:999px;background:#eff8fa;border:1px solid #d5e8eb;color:#3f5b64;font-size:.76rem;font-weight:800}.root-review-flow i{font-style:normal;color:#89a1a8}.root-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.root-policy-grid div{background:#f5fafb;border:1px solid #deeaed;padding:12px;border-radius:13px}.root-policy-grid small,.root-policy-grid b{display:block}.root-policy-grid small{color:var(--root-muted);font-size:.72rem}.root-policy-grid b{margin-top:4px;color:var(--root-ink);font-size:.9rem}.root-status{display:inline-flex;padding:5px 8px;border-radius:999px;font-size:.72rem;font-weight:900}.root-status.ok{background:#e8f8ee;color:#166534}.root-status.bad{background:#fff0f0;color:#a92020}.root-status.neutral{background:#eef3f5;color:#526870}
.root-source-card h3{margin:4px 0;color:var(--root-ink)}.root-source-card>p{color:var(--root-muted);line-height:1.65}.root-chips{display:flex;flex-wrap:wrap;gap:6px}.root-chips span,.root-chips a{background:#eff7f8;color:#28606a;border:1px solid #d5e7ea;padding:5px 8px;border-radius:999px;font-size:.74rem;font-weight:700}.root-chips.small span{padding:3px 6px;font-size:.68rem}
.root-editor-toolbar{display:flex;gap:5px;flex-wrap:wrap;padding:8px;border:1px solid #cfe1e5;border-bottom:0;border-radius:13px 13px 0 0;background:#f1f7f8}.root-editor-toolbar button{border:1px solid #d3e2e5;background:#fff;color:#284b55;border-radius:8px;min-width:38px;padding:7px 9px;cursor:pointer;font-weight:800}.root-rich-editor{min-height:360px;border:1px solid #cfe1e5;border-radius:0 0 13px 13px;padding:18px;background:#fff;color:#1d343b;line-height:1.7;outline:none;margin-bottom:14px}.root-rich-editor:focus{border-color:#0ea5a8;box-shadow:0 0 0 3px rgba(14,165,168,.1)}.root-rich-editor h2,.root-rich-editor h3{color:#0b6570}.root-rich-editor blockquote{margin:15px 0;padding:10px 16px;border-left:4px solid #f59e0b;background:#fff9ed}
.root-table-card{padding:0;overflow:hidden}.root-table-wrap{width:100%;overflow:auto}.root-table{width:100%;border-collapse:collapse;font-size:.82rem}.root-table th{background:#0d3d4c;color:#fff;text-align:left;padding:11px 12px;white-space:nowrap}.root-table td{padding:11px 12px;border-bottom:1px solid #e4edef;vertical-align:top;color:#314e57}.root-table tbody tr:hover{background:#f8fbfc}.root-row-actions{display:flex;gap:6px;flex-wrap:wrap}.root-row-actions .root-btn{padding:7px 9px;font-size:.73rem}.root-empty{text-align:center;padding:30px;color:#71868d}.root-pagination{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:20px 0}.root-pagination a{padding:8px 11px;border:1px solid #d3e4e7;border-radius:9px;background:#fff;color:#1e6570;font-weight:800;font-size:.78rem}.root-pagination a.is-active{background:#0c7b84;color:#fff;border-color:#0c7b84}
.root-reader{background:#fff;border:1px solid var(--root-line);border-radius:26px;overflow:hidden;box-shadow:var(--root-shadow);margin-bottom:18px}.root-reader-head{padding:28px 28px 18px;text-align:center}.root-reader-head h1{font-size:clamp(1.75rem,4vw,3.05rem);line-height:1.08;margin:12px auto;color:#0a4251;max-width:1000px}.root-reader-meta{display:flex;justify-content:center;gap:10px 18px;flex-wrap:wrap;color:#6a7c83;font-size:.78rem}.root-reader-featured{margin:0 auto;padding:0 28px;max-width:980px}.root-reader-featured img{width:100%;max-height:500px;object-fit:cover;border-radius:18px;display:block}.root-reader-tools{position:sticky;top:70px;z-index:5;margin:18px auto 0;width:min(1020px,calc(100% - 30px));display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:8px;background:rgba(250,253,254,.92);backdrop-filter:blur(10px);border:1px solid #dcebed;border-radius:15px;box-shadow:0 7px 18px rgba(8,47,61,.07)}.root-reader-tools>div{display:flex;gap:5px;flex-wrap:wrap}.root-reader-tools .root-btn.is-active{background:#dff5f0;color:#06715d;border-color:#9bd5c7}.root-reader-content{width:min(900px,calc(100% - 36px));margin:26px auto 36px;color:#233a42;font-size:clamp(1rem,1.6vw,1.13rem);line-height:1.82;overflow-wrap:anywhere}.root-reader-content h2,.root-reader-content h3,.root-reader-content h4{color:#0a6170;line-height:1.25;margin-top:1.65em}.root-reader-content img{max-width:100%;height:auto;border-radius:14px}.root-reader-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.root-reader-content td,.root-reader-content th{border:1px solid #d9e5e8;padding:8px}.root-reader-content blockquote{border-left:4px solid #e4a11a;background:#fff9eb;padding:10px 15px;margin:18px 0}.root-reader-content a{color:#096fb1;text-decoration:underline}.root-reader-content iframe{max-width:100%}.root-reader-footer{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding:18px;border-top:1px solid #e4edef;background:#f7fbfc}.root-reader-footer a{color:#0b6872;font-weight:800;font-size:.82rem}
.root-comments{scroll-margin-top:90px}.root-comment-compose{background:#f2fafb;border:1px solid #dbecee;border-radius:15px;padding:15px;margin-bottom:15px}.root-comment-filter{display:flex;gap:5px;justify-content:flex-end;align-items:center;margin:10px 0;font-size:.75rem}.root-comment-filter a{padding:5px 8px;border-radius:999px;color:#557079}.root-comment-filter a.is-active{background:#0d7e87;color:#fff}.root-comment-list{display:grid;gap:10px}.root-comment{border:1px solid #deeaed;border-radius:15px;padding:13px;background:#fff;scroll-margin-top:90px}.root-comment.is-reply{margin:8px 0 0 28px;border-left:4px solid #b7dfe3;background:#fbfefe}.root-comment-meta{display:flex;align-items:center;gap:9px}.root-avatar-letter{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#0d7380;color:#fff;font-weight:900}.root-comment-meta b,.root-comment-meta small{display:block}.root-comment-meta small{font-size:.7rem;color:#7a8d93;margin-top:2px}.root-comment-body{padding:10px 0;color:#324b53;line-height:1.6}.root-comment-actions{display:flex;gap:5px;align-items:center}.root-comment-actions form{margin:0}.root-comment-actions button{border:0;background:#eff7f8;color:#28626d;border-radius:8px;padding:6px 8px;font-weight:800;font-size:.72rem;cursor:pointer}.root-comment-actions button.danger{background:#fff0f0;color:#a52929}.root-reply-form{margin-top:10px;padding:12px;background:#f4fafb;border-radius:12px;border:1px solid #dcebed}.root-mail-card{max-width:900px;margin-left:auto;margin-right:auto}
.root-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.root-related-grid article{border:1px solid #dce8eb;border-radius:15px;overflow:hidden;background:#fff}.root-related-img{height:140px;background:#e8f2f4;display:grid;place-items:center;font-size:2.2rem}.root-related-img img{width:100%;height:100%;object-fit:cover}.root-related-grid article>div{padding:12px}.root-related-grid h3{margin:0 0 7px;font-size:.93rem}.root-related-grid h3 a{color:#164e5b}.root-related-grid p{font-size:.75rem;color:#667d84;line-height:1.5}.root-related-grid .root-row-actions a{font-size:.72rem;font-weight:800;color:#0b7380}
.root-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.root-category-grid>a{display:flex;align-items:center;gap:10px;border:1px solid #deeaed;border-radius:13px;padding:12px;background:#fbfefe;color:#214c57}.root-category-grid>a>span{font-size:1.45rem}.root-category-grid b,.root-category-grid small{display:block}.root-category-grid small{color:#789097;font-size:.7rem;margin-top:2px}.root-category-grid em{margin-left:auto;font-style:normal}.root-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.root-book-card{background:#fff;border:1px solid #e1e7df;border-radius:18px;overflow:hidden;box-shadow:0 9px 25px rgba(84,70,12,.07)}.root-book-cover{height:165px;display:grid;place-items:center;background:linear-gradient(135deg,#fff9e8,#eef8f8);font-size:3rem}.root-book-cover img{width:100%;height:100%;object-fit:cover}.root-book-card>div{padding:14px}.root-book-card small{color:#a27a1d;font-size:.65rem;font-weight:900}.root-book-card h2{font-size:1rem;margin:6px 0}.root-book-card h2 a{color:#4b3c13}.root-book-card p{font-size:.76rem;color:#657379;line-height:1.55}.root-book-actions{display:flex;gap:8px}.root-book-actions a{font-size:.75rem;font-weight:900;color:#0a7280}
.root-search-form{display:flex;align-items:center;gap:7px;width:min(720px,100%);margin:12px auto}.root-search-form input{flex:1;min-width:0;border:1px solid #cbdde2;border-radius:12px;padding:11px}.root-search-form button{border:0;background:#0b7983;color:#fff;border-radius:12px;padding:11px 14px;font-weight:900}.root-inline-post{max-width:900px;margin:auto}.root-inline-post>img{max-width:100%;border-radius:15px}.root-inline-post h2{color:#0b6570}.root-widget-empty,.featured-post-widget{background:#fff;border:1px solid #dce8eb;border-radius:15px;padding:12px;text-align:center}.featured-post-widget small{color:#0b7781;font-weight:900}.featured-post-image{width:100%;max-width:230px;aspect-ratio:1.25/1;object-fit:cover;border-radius:12px;margin:8px auto}.featured-post-widget h3{font-size:.88rem;margin:6px 0}.featured-post-widget h3 a{color:#0c5664}.featured-post-widget p{font-size:.74rem;color:#6a7d83;line-height:1.5}.featured-post-action,.root-widget-empty a{color:#0a7180;font-size:.75rem;font-weight:900}
@media(max-width:1100px){.root-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.root-related-grid,.root-category-grid,.root-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.root-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.root-art-shell{padding:12px 10px 100px}.root-hero{padding:22px 18px;align-items:flex-start;flex-direction:column}.root-hero-actions{justify-content:flex-start}.root-kpi-grid,.root-form-grid,.root-filter-grid,.root-policy-grid,.root-related-grid,.root-category-grid{grid-template-columns:1fr}.root-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.root-card{padding:15px;border-radius:16px}.root-card-head{flex-direction:column}.root-sticky-actions{bottom:68px;justify-content:stretch}.root-sticky-actions .root-btn{flex:1}.root-reader-head{padding:22px 14px 12px}.root-reader-featured{padding:0 12px}.root-reader-tools{position:static;width:calc(100% - 20px)}.root-reader-tools>div{width:100%}.root-reader-tools .root-btn{flex:1}.root-reader-content{width:calc(100% - 24px);font-size:1rem}.root-comment.is-reply{margin-left:12px}.root-table thead{display:none}.root-table,.root-table tbody,.root-table tr,.root-table td{display:block;width:100%}.root-table tr{padding:10px;border-bottom:1px solid #dce8eb}.root-table td{border:0;padding:5px 7px}.root-table td:before{content:attr(data-label);display:block;color:#789097;font-size:.65rem;font-weight:900;text-transform:uppercase}.root-book-cover{height:120px}.root-book-card>div{padding:10px}}
@media(max-width:440px){.root-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.root-tabs button{padding:8px 5px!important;font-size:.72rem;white-space:normal;line-height:1.2}.root-kpi-grid{grid-template-columns:1fr}.root-library-grid{grid-template-columns:1fr}.root-inline-form{align-items:stretch}.root-inline-form>*{width:100%}.root-code-row{align-items:stretch;flex-direction:column}.root-reader-tools .root-btn{font-size:.72rem;padding:8px}.root-tabs button{padding:9px 10px}}
@media print{.root-reader-tools,.root-comments,.root-related,.root-mail-card,.art-topbar,.art-sidebar,.art-rightbar,.art-bottom{display:none!important}.root-art-shell{padding:0}.root-reader{box-shadow:none;border:0}.root-reader-content{width:100%}}
.root-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
