:root{--navy:#102e49;--teal:#087d80;--mint:#d9f3ee;--orange:#c65728;--muted:#667788;--line:#dce5ec}*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--navy);font:17px/1.8 'Tajawal',Tahoma,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,button,input,select{outline-offset:5px}header{max-width:1320px;margin:auto;padding:23px 32px;display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:700;white-space:nowrap}.brand span{display:block;font-size:11px;letter-spacing:2px;color:var(--teal)}nav{display:flex;gap:24px;flex:1;font-size:15px}nav a.active{color:var(--teal);box-shadow:0 3px var(--teal)}.company{border:1px solid var(--line);border-radius:8px;padding:6px 14px;font-size:14px}main{min-height:65vh}.wrap{max-width:1240px;padding:0 30px;margin:auto}.hero{background:linear-gradient(110deg,#e8f5f6,#f6f9fc 65%);padding:60px 0 45px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.5fr 1fr;align-items:center;gap:50px}.eyebrow{font-size:14px;color:var(--teal);font-weight:bold}.hero h1{font-size:clamp(32px,4.5vw,56px);line-height:1.4;margin:13px 0}.hero h1 em{font-style:normal;color:var(--teal)}.hero p{color:var(--muted);max-width:620px;margin:10px 0 25px}.search{display:flex;background:white;padding:7px;border:1px solid #bfd3df;border-radius:12px;max-width:710px;box-shadow:0 10px 25px #17344e08}.search input{border:0;min-width:0;flex:1;padding:10px;background:transparent;color:var(--navy)}button,.button{cursor:pointer;border:0;background:var(--teal);color:white;border-radius:7px;padding:10px 22px;display:inline-block}.text-link{color:var(--teal);font-weight:bold;font-size:15px}.code-art{border:1px solid #bdd6df;background:#ffffffb0;border-radius:18px;padding:26px;transform:rotate(-3deg);box-shadow:20px 20px 0 #d8ecee;direction:ltr}.code-art .label{font-size:12px;letter-spacing:2px;color:var(--teal)}.code-art strong{display:block;font-size:76px;line-height:1.6;letter-spacing:8px}.code-art p{font-size:14px;text-align:right;direction:rtl;margin:0}.code-art .split{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--line);padding-top:14px}.code-art .split span{background:#edf6f7;padding:8px;font-size:13px;text-align:center}.section{padding:38px 0}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-head h2{font-size:26px;margin:0}.section-head p{font-size:15px;margin:0;color:var(--muted)}.categories{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.category{padding:30px;border-radius:13px;background:var(--navy);color:white;position:relative;overflow:hidden}.category.fire{background:#fff1e9;color:var(--navy);border:1px solid #f4d9c6}.category h2{font-size:28px;margin:8px 0}.category p{font-size:16px;opacity:.8;margin:5px 0 20px}.category .symbol{float:left;font-size:64px;line-height:1}.category .button{background:#fff;color:var(--navy)}.category.fire .button{background:var(--orange);color:white}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:white;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px #102e4910}.card-top{background:#eef7f8;padding:25px;min-height:120px;display:flex;align-items:center;justify-content:space-between}.card-top b{font-size:36px;direction:ltr;line-height:1.5;letter-spacing:2px}.card-top span{font-size:13px;color:var(--teal);border:1px solid #b6dcdb;border-radius:20px;padding:3px 11px}.card-body{padding:22px;flex:1;display:flex;flex-direction:column}.card h3{font-size:21px;margin:0 0 10px}.card p{font-size:15px;color:var(--muted);margin:0 0 20px}.card .text-link{margin-top:auto}.locations{display:flex;gap:12px;flex-wrap:wrap}.locations a{border:1px solid var(--line);padding:13px 26px;border-radius:8px;background:#f7fafc}.ad{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-right:4px solid var(--teal);background:#f8fbfc;padding:20px 26px;border-radius:10px;margin:25px 0}.ad small{color:var(--muted);font-size:12px}.ad h3{margin:2px 0;font-size:20px}.ad p{margin:0;color:var(--muted);font-size:14px}.ad .button{white-space:nowrap;background:var(--navy);font-size:14px}.page-head{background:#f0f6fa;padding:35px 0}.page-head h1{font-size:36px;margin:6px 0}.page-head p{color:var(--muted);margin:0}.crumb{font-size:14px;color:var(--muted)}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.filterbar button{background:#f1f5f8;color:var(--navy);padding:8px 20px}.filterbar button.selected{background:var(--navy);color:white}.article-layout{display:grid;grid-template-columns:240px 1fr;gap:45px;padding-top:35px;padding-bottom:50px}.toc{position:sticky;top:20px;align-self:start;border:1px solid var(--line);padding:20px;border-radius:10px;font-size:15px}.toc a{display:block;margin:10px 0;color:var(--muted)}.article h2{font-size:25px;margin-top:30px}.article p,.article li{color:#405568}.summary{background:#eaf7f4;border-right:4px solid var(--teal);padding:20px 25px;border-radius:8px}.meta{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted);margin:18px 0}.meta span{background:#f1f5f8;padding:3px 10px;border-radius:5px}.reference{background:#f4f7fa;border:1px solid var(--line);padding:20px;border-radius:8px}.reference a{color:var(--teal);text-decoration:underline}.diagram{padding:25px;border:1px solid var(--line);border-radius:12px;text-align:center;margin:25px 0;background:#fcfefe}.digits{display:flex;justify-content:center;gap:20px;direction:ltr}.digits div{background:#eaf5f7;padding:15px 30px;border-radius:10px;font-size:48px;font-weight:bold}.digits small{display:block;direction:rtl;font-size:14px;font-weight:normal}.watermark{display:block;font-size:12px;color:var(--muted);margin-top:20px;direction:ltr}.checklist label{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.checklist input{width:19px;accent-color:var(--teal)}.tool{max-width:720px;padding:30px;border:1px solid var(--line);border-radius:12px;margin:30px auto}.tool select{padding:10px;border:1px solid var(--line);border-radius:6px;max-width:100%;width:100%;margin-bottom:15px;background:white}.tool output{display:block;background:#eaf7f4;padding:25px;border-radius:8px}.empty{text-align:center;padding:40px;background:#f6f9fb;border-radius:10px}footer{background:var(--navy);color:white;padding:35px max(30px,calc((100vw - 1180px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px}footer strong{font-size:22px}footer p{margin:0;opacity:.7}footer>span{font-size:12px;opacity:.7}@media(max-width:900px){header{flex-wrap:wrap;padding:18px 22px;gap:15px}nav{order:3;width:100%;flex:initial;overflow:auto;white-space:nowrap;padding-bottom:8px;font-size:14px}.company{margin-right:auto}.hero-grid{grid-template-columns:1fr}.code-art{display:none}.hero{padding:35px 0}.grid{grid-template-columns:repeat(2,1fr)}.article-layout{grid-template-columns:1fr}.toc{position:static}.toc a{display:inline-block;margin:5px 10px}.categories{grid-template-columns:1fr 1fr}footer{flex-wrap:wrap}}@media(max-width:600px){.wrap{padding:0 20px}.hero h1{font-size:35px}.hero p{font-size:16px}.categories,.grid{grid-template-columns:1fr}.section{padding:25px 0}.section-head{align-items:start;gap:12px}.section-head h2{font-size:23px}.category{padding:25px}.ad{align-items:start;flex-direction:column}.page-head h1{font-size:29px}.digits{gap:8px}.digits div{padding:10px 18px;font-size:37px}.brand{font-size:23px}.company{font-size:12px}footer{display:block}footer>div{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* The approved first homepage composition */
.artwork{background-image:url('/academy-art.png');background-size:300% 200%;background-repeat:no-repeat}.hero-art{background-position:0 0}.fire-art{background-position:50% 0}.electrical-art{background-position:100% 0}.bathroom-art{background-position:0 100%}.cables-art{background-position:50% 100%}.earth-art{background-position:100% 100%}.original-hero{position:relative;padding:70px 0 62px;min-height:325px;background:#edf7fc}.hero-picture{position:absolute;left:0;top:0;width:52%;height:100%;opacity:.94}.original-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 22%,#edf7fc 62%);pointer-events:none}.original-hero .hero-grid{display:block;position:relative;z-index:1}.hero-copy{width:60%;margin-left:auto}.original-hero h1{font-size:clamp(32px,3.8vw,51px);white-space:nowrap;margin:0 0 12px}.original-hero h1 em{color:var(--navy);box-shadow:inset 0 -12px #a9dde2}.original-hero p{font-size:23px;color:var(--navy);margin:0 0 27px}.search{border-radius:16px;box-shadow:none}.hero-watermark{position:absolute;bottom:12px;left:25px;font-size:12px;color:#547084;z-index:2;direction:ltr}.original-categories{grid-template-columns:1fr 1fr;padding-bottom:15px}.original-categories .category{min-height:184px;background:#e4f5f6;border:1px solid #b8e3e8;color:var(--navy);padding:24px;isolation:isolate}.original-categories .category.fire{background:#fff1e7;border-color:#f5d9c6}.category-picture{position:absolute;left:0;top:0;width:48%;height:100%;z-index:-2}.category:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,#e4f5f6 56%);z-index:-1}.category.fire:after{background:linear-gradient(90deg,transparent 0%,#fff1e7 56%)}.category-copy{width:75%}.category h2{margin:0 0 7px;font-size:27px}.category p{font-size:14px;opacity:1}.category.electrical .button{background:#06536e;color:white}.category.fire h2{color:var(--orange)}.original-topics{padding:15px 0 24px}.illustrated-card{display:grid;grid-template-columns:44% 56%;direction:ltr;min-height:220px;padding:9px;gap:0;border-radius:10px}.topic-picture{border-radius:6px;min-height:205px}.illustrated-card .card-body{direction:rtl;padding:13px 15px}.illustrated-card h3{font-size:17px;line-height:1.7;margin:10px 0}.illustrated-card p{font-size:14px;margin-bottom:13px}.topic-badge{align-self:start;background:#e4f4f6;color:#07596d;padding:3px 9px;border-radius:20px;font-size:12px}.site-types{display:flex;align-items:center;gap:20px;padding:14px 22px;background:#f1f7fb;border-radius:11px}.site-types h2{font-size:22px;width:200px;flex-shrink:0;margin:0}.locations{flex:1;display:flex;justify-content:space-between;gap:0}.locations a{display:flex;flex-direction:column;align-items:center;flex:1;padding:6px 12px;background:transparent;border:0;border-right:1px solid var(--line);border-radius:0}.location-icon{width:50px;height:50px;display:grid;place-items:center;background:#dfeefa;color:#2766a0;font-size:30px;border-radius:50%;margin-bottom:4px}.locations a:nth-child(2) .location-icon{background:#ffeadb;color:var(--orange)}.locations a:nth-child(4) .location-icon{background:#dff5ee;color:var(--teal)}.training-strip{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}.training-strip h2{margin:0;font-size:24px}.training-strip p{color:var(--muted);margin:4px 0}.ad{margin:26px 0}@media(max-width:1050px){.original-hero h1{white-space:normal}.hero-copy{width:65%}.illustrated-card{grid-template-columns:1fr}.topic-picture{height:165px;min-height:0}.illustrated-card .card-body{padding:18px}.category-copy{width:85%}}@media(max-width:700px){.hero-copy{width:100%}.original-hero{padding:40px 0 50px}.hero-picture{width:100%;opacity:.12}.original-hero:after{display:none}.original-hero p{font-size:18px}.original-hero h1{font-size:33px}.original-categories{grid-template-columns:1fr}.original-topics .grid{grid-template-columns:1fr}.illustrated-card{grid-template-columns:40% 60%;min-height:200px}.topic-picture{height:100%;min-height:185px}.illustrated-card .card-body{padding:12px}.site-types{display:block}.site-types h2{width:auto;margin-bottom:15px}.locations{flex-wrap:wrap}.locations a{min-width:30%;margin-bottom:10px}.training-strip{align-items:start;gap:20px;flex-direction:column}.hero-watermark{font-size:11px}}
.topic-picture,.category-picture{position:relative}.category-picture{position:absolute}.topic-picture:after,.category-picture:before{content:'www.codes.ps | أكاديمية سدر';position:absolute;bottom:5px;left:5px;right:5px;text-align:center;font:10px/1.7 'Tajawal',Tahoma,Arial,sans-serif;color:#102e49;background:#ffffffdb;border-radius:3px;direction:ltr}.category-picture:before{z-index:2}

body,input,button,select,textarea{font-family:Tajawal,Tahoma,Arial,sans-serif}h1,h2,h3,.brand{font-weight:800}.brand span{font-weight:500}
.article-sidebar{position:sticky;top:20px;align-self:start}.article-sidebar .toc{position:static}.sidebar-ad{display:block;margin:18px 0;padding:20px 16px;background:linear-gradient(160deg,#edf7f6,#f8fafc)}.sidebar-ad h3{font-size:20px;line-height:1.6;margin:12px 0}.sidebar-ad p{margin:8px 0 18px;font-size:15px}.sidebar-ad .button{white-space:normal;display:block;text-align:center;font-size:15px}.search{position:relative;z-index:2}.search input{user-select:text;-webkit-user-select:text;pointer-events:auto}.paste-button{color:var(--teal);background:#eef7f6;margin-left:5px;padding:8px 13px}.paste-help{font-size:14px;color:var(--muted)}.ad-settings{border:1px solid var(--line);border-radius:12px;overflow:hidden}.ad-setting{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 22px;border-bottom:1px solid var(--line)}.ad-setting:last-child{border-bottom:0}.switch-label{display:flex;align-items:center;gap:12px;min-width:135px}.switch-label input{appearance:none;width:44px;height:25px;border-radius:18px;background:#a0abb6;position:relative;cursor:pointer;margin:0}.switch-label input:before{content:'';position:absolute;width:19px;height:19px;top:3px;left:3px;border-radius:50%;background:white}.switch-label input:checked{background:var(--teal)}.switch-label input:checked:before{left:22px}.switch-label input:disabled{opacity:.5;cursor:wait}.switch-label b{font-size:15px}#ads-status{min-height:30px}.settings-error{padding:12px;text-align:center;background:#fff4e8}.settings-error button{margin-right:12px;font-size:14px}@media(max-width:900px){.article-sidebar{position:static}}@media(max-width:600px){.ad-setting{padding:13px;gap:12px;font-size:15px}.switch-label{min-width:115px}.search button{padding:8px 12px}.sidebar-ad{max-width:none}}
.ip-article{min-width:0}.ip-article h2{scroll-margin-top:25px}.ip-article .source-ref{color:var(--teal);font-size:13px;vertical-align:super;margin:0 3px}.ip-figure{margin:25px 0}.ip-figure img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:12px}.ip-figure figcaption{font-size:14px;color:var(--muted);margin:10px 0;text-align:center}.ip-code,.rating-pair{display:flex;justify-content:center;direction:ltr;gap:16px;padding:25px;background:#f1f8fa;border-radius:12px;margin:25px 0}.ip-code>div,.rating-pair>div{display:flex;flex-direction:column;align-items:center;padding:10px 20px;background:white;border:1px solid var(--line);border-radius:9px}.ip-code b{font-size:52px;line-height:1.4}.ip-code span,.rating-pair span{direction:rtl;font-size:14px}.rating-pair b{font-size:32px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:10px;margin:20px 0}table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.9}th,td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:right}thead th{background:var(--navy);color:white;font-weight:700}tbody th{color:var(--teal);text-align:center;background:#f5fafb;white-space:nowrap}tbody tr:last-child>*{border-bottom:0}.ip-note{border-right:4px solid var(--teal);background:#edf8f5;border-radius:8px;padding:18px 22px;margin:20px 0}.ip-note p{margin:5px 0}.ip-note.important{border-color:#cc741d;background:#fff6e9}.ip-article .reference{margin-top:30px}.ip-article .reference h2{margin-top:0}.ip-article .reference li{font-size:15px;margin:8px 0}.ip-article .reference ol{padding-right:25px}bdi{font-family:Tajawal,Arial,sans-serif;font-weight:700}@media(max-width:600px){.ip-code{gap:6px;padding:12px}.ip-code>div{padding:8px 9px}.ip-code b{font-size:40px}.ip-code span{font-size:12px}.rating-pair{padding:15px;gap:10px}.rating-pair>div{padding:12px}.ip-article table{min-width:400px}.ip-article table th,.ip-article table td{padding:10px}}

.listing-picture{display:block;width:100%;height:200px;object-fit:cover;border-radius:12px 12px 0 0}.card-top{min-height:64px!important;padding:12px 20px!important}.card-top b{font-size:22px!important}.bathroom-cover{width:100%;object-fit:cover;object-position:center}.article-hero{margin-top:0!important}.article-cover{height:300px;border-radius:12px;margin-bottom:24px}@media(max-width:700px){.listing-picture{height:190px}.article-cover{height:220px}}

img.listing-picture{height:auto;aspect-ratio:3 / 2;object-fit:contain;background:#fff}.illustrated-card .bathroom-cover{height:auto;min-height:0;aspect-ratio:3 / 2;object-fit:contain;align-self:center;background:#fff}

.code-equations{background:#edf5fa;border-right:4px solid var(--teal);padding:12px 20px;border-radius:10px;margin:22px 0;overflow-x:auto;text-align:center}.code-equations p{font-family:Tajawal,Arial,sans-serif;font-size:clamp(20px,2.5vw,28px);color:var(--navy);margin:8px 0;white-space:nowrap}.code360 .article-hero .ip-figure{margin-top:0}.code360 li{margin-bottom:10px}

.code360 .wire-color{display:inline-flex;align-items:center;gap:.4rem;white-space:nowrap}.code360 .wire-color i{display:inline-block;width:1.4rem;height:1.4rem;border:1px solid #64748b;border-radius:4px;background:var(--wire);flex:none}
.cms-shell{display:grid;grid-template-columns:245px minmax(0,1fr);max-width:1600px;margin:auto;background:#f3f6fa;min-height:85vh}.cms-nav{background:#102d43;color:#d5e4ec;padding:28px 18px;display:flex;flex-direction:column;gap:8px}.cms-nav a{padding:12px 15px;border-radius:10px;text-decoration:none;color:inherit;display:flex;gap:12px;align-items:center}.cms-nav a:hover,.cms-nav a.selected{background:#21465d;color:#72e0cb}.cms-nav small{color:#a9c3d3;padding:12px}.cms-nav .cms-mark{font-weight:800;font-size:24px;display:block;padding-bottom:20px;border-bottom:1px solid #375267;border-radius:0;margin-bottom:15px}.cms-mark small{display:block;font-size:14px;padding:0}.cms-main{padding:0 30px 40px;min-width:0}.cms-top{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid #dae3e9;color:#537084}.cms-owner{color:#20816b;font-size:14px}.cms-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:30px 0}.cms-heading h1{font-size:29px;margin:8px 0}.cms-heading p{color:#677e8d}.cms-heading small{color:#198c78}.cms-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.cms-stats>div{background:white;border:1px solid #dde7ed;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:10px}.cms-stats b{font-size:36px;color:#10364d}.cms-stats span{color:#657d8c}.cms-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.cms-panel{background:white;border:1px solid #dbe5ec;border-radius:16px;padding:24px;margin-bottom:22px}.cms-panel h2{font-size:21px;margin-top:0}.cms-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #e5ecf1;color:#173c52;text-decoration:none}.cms-row small,.cms-table small{display:block;color:#728797;font-size:13px;margin-top:6px}.cms-badge{display:inline-block;background:#e8f5f1;color:#15795f;border-radius:20px;padding:5px 12px;font-size:13px;white-space:nowrap}.cms-shortcut{display:block;border:1px solid #dbe7ec;border-radius:10px;padding:17px;margin-bottom:13px;color:#28566c}.cms-note{background:#fff4d8;border:1px solid #e8d8ae;border-radius:12px;padding:18px;line-height:1.8;margin-bottom:20px;color:#715526}.cms-filters{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-bottom:20px}.cms-filters>input{flex:1}.cms-shell input,.cms-shell select,.cms-shell textarea{font:inherit;background:white;border:1px solid #c8d8e2;border-radius:8px;padding:12px;color:#1c4055;max-width:100%}.cms-shell input[type=checkbox]{width:19px;height:19px;accent-color:#168e78}.cms-field{display:flex;flex-direction:column;gap:9px;margin:16px 0;font-size:14px;font-weight:600}.cms-field input,.cms-field textarea,.cms-field select{width:100%;box-sizing:border-box;font-weight:400}.cms-field textarea{resize:vertical}.cms-shell button{font:inherit;cursor:pointer;border:1px solid #c7d9e1;border-radius:8px;background:#f7fafb;color:#234b60;padding:10px 16px}.cms-shell button.button,.cms-shell .button{background:#12836f;border-color:#12836f;color:white}.cms-shell .secondary{background:#eef5f7;color:#245469;border:1px solid #d6e3e8}.cms-shell button:disabled{opacity:.5;cursor:wait}.cms-table{width:100%;border-collapse:collapse;text-align:right}.cms-table th{background:#f5f8fa;color:#637c8b}.cms-table th,.cms-table td{padding:18px 12px;border-bottom:1px solid #e3ebf0}.cms-table td{font-size:14px}.cms-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px}.cms-toolbar{display:flex;flex-wrap:wrap;gap:6px;padding:12px;background:#f3f7fa;border:1px solid #d4e2e8;border-radius:10px 10px 0 0}.cms-toolbar button{padding:7px 10px;font-size:13px}.cms-shell #cms-editor{min-height:600px;max-height:1000px;overflow:auto;border:1px solid #ccdde5;background:white;padding:24px;outline:none;border-radius:0 0 10px 10px}.cms-shell #cms-editor:focus{border-color:#149580;box-shadow:0 0 0 2px #dff7f1}.cms-shell #cms-editor img{max-width:100%;height:auto}.cms-html{width:100%;min-height:600px;direction:ltr;font-family:monospace!important}.cms-save-buttons{display:grid;gap:10px}.cms-help{font-size:13px;line-height:1.7;color:#708695}.cms-history{display:block;width:100%;margin:8px 0;text-align:right}.cms-history small{display:block;color:#778b97;font-size:12px}#cover-preview{width:100%;border-radius:8px;margin-top:16px}.cms-status{padding:15px;border-radius:10px;margin:15px 0}.cms-status.success{background:#e6f5ed;color:#196a4d}.cms-status.error{background:#ffeded;color:#a13b3b}.cms-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}.cms-media-card{background:white;border:1px solid #dbe6ed;border-radius:13px;padding:12px;display:flex;flex-direction:column;gap:12px;overflow:hidden}.cms-media-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:#eef4f7;border-radius:8px}.cms-media-card strong{font-size:14px}.cms-media-card a{font-size:13px}.cms-media-card small{color:#7c8e99}.cms-shell dialog{border:0;border-radius:16px;padding:28px;max-width:1100px;width:85vw;max-height:85vh;overflow:auto}.cms-shell dialog::backdrop{background:#0b213aa8}.cms-shell dialog iframe{width:100%;height:65vh;border:0}.cms-seo-preview{padding:20px;border:1px solid #dce5ec;border-radius:9px;margin-top:20px}.cms-seo-preview h3{color:#2844a5;font-size:21px;margin:8px 0}.cms-seo-preview small{color:#34733d}.cms-seo-preview p{color:#677982}.cms-toggle{display:flex;align-items:center;gap:10px;margin:20px 0}.ad img{max-width:100%;max-height:260px;object-fit:contain;border-radius:10px;margin:15px 0}.cms-shell a:focus-visible,.cms-shell button:focus-visible{outline:3px solid #31bca3;outline-offset:3px}
@media(max-width:1100px){.cms-editor-layout{grid-template-columns:minmax(0,1fr)}.cms-editor-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cms-columns{grid-template-columns:1fr}.cms-main{padding:0 18px 25px}.cms-shell{grid-template-columns:205px minmax(0,1fr)}}@media(max-width:700px){.cms-shell{display:block}.cms-nav{display:flex;flex-direction:row;overflow:auto;padding:12px;gap:3px;position:sticky;top:0;z-index:5}.cms-nav a{white-space:nowrap;font-size:13px;padding:10px}.cms-nav .cms-mark,.cms-nav>small,.cms-nav a[href*="signout"]{display:none}.cms-nav a span{display:none}.cms-heading{align-items:flex-start;flex-direction:column}.cms-stats{grid-template-columns:1fr 1fr;gap:10px}.cms-stats>div{padding:18px}.cms-editor-layout>aside{display:block}.cms-panel{padding:16px}.cms-shell #cms-editor{padding:15px}.cms-toolbar{position:sticky;top:54px;z-index:3}.cms-table th,.cms-table td{padding:12px}.cms-main{padding:0 12px 25px}.cms-heading h1{font-size:25px}}

/* Code360: consistent article header ratio; detailed figures keep their natural size. */
img.listing-picture,.illustrated-card img.topic-picture{width:100%;aspect-ratio:3 / 2;height:auto;object-fit:contain;background:#fff}

.admin-topic-tools{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px auto;padding:16px 22px;border:1px solid #b8d6dd;border-radius:10px;background:#eef7fa}.admin-topic-tools>span{font-weight:700}.admin-ad-slot{margin:24px 0;border:1px dashed #89b9c3;border-radius:12px;overflow:hidden}.admin-ad-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#eef7fa;font-size:14px}.admin-ad-controls a{font-weight:700;white-space:nowrap}.admin-ad-slot .ad{margin:0;border-radius:0}.admin-ad-empty{padding:20px;color:#526577;font-size:14px}.admin-ad-sidebar .admin-ad-controls{flex-wrap:wrap}@media(max-width:600px){.admin-topic-tools{gap:12px}.admin-ad-controls{flex-wrap:wrap}}

.topic-share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 22px;padding:14px;background:#edf5fa;border-radius:10px}.topic-share a{padding:8px 16px;border-radius:7px;color:white;font-weight:700}.share-whatsapp{background:#176e43}.share-facebook{background:#2459a7}.topic-feedback{border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.feedback-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.topic-feedback label,.feedback-review label{display:flex;flex-direction:column;gap:7px;margin:12px 0}.topic-feedback input,.topic-feedback textarea,.feedback-review textarea{font:inherit;width:100%;padding:12px;border:1px solid #bccad4;border-radius:8px;background:white;color:#102b45;box-sizing:border-box}.feedback-privacy{font-size:14px;color:#526577}.feedback-trap{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}.approved-note,.feedback-review{padding:20px;border:1px solid var(--line);border-radius:10px;margin:16px 0}.approved-note time{display:block;font-size:14px;color:#526577}.approved-note p,.feedback-message{white-space:pre-wrap;overflow-wrap:anywhere}.note-reply{padding:12px;background:#edf5fa;border-radius:8px;margin-top:14px}.feedback-review-actions{display:flex;gap:12px;flex-wrap:wrap}@media(max-width:600px){.feedback-fields{grid-template-columns:1fr}}

.visitor-panel summary,.visitor-notes summary{cursor:pointer;list-style:none;font-weight:700;padding:12px 18px;display:inline-block}.visitor-panel summary::-webkit-details-marker,.visitor-notes summary::-webkit-details-marker{display:none}.visitor-panel[open]{padding-bottom:20px}.visitor-notes{margin-top:16px}.visitor-notes summary{border:1px solid var(--line);border-radius:8px}.topic-feedback select{font:inherit;padding:12px;border:1px solid #bccad4;border-radius:8px;background:white;color:#102b45}.topic-feedback [hidden]{display:none!important}

/* In-place image selection and full-width advertising */
.cms-shell .cms-image-picker{width:min(1000px,90vw);max-height:85vh}.cms-image-picker input[type=search]{display:block;width:100%;margin:18px 0}.cms-image-picker .cms-media-grid button{overflow:hidden}.cms-image-picker .cms-media-grid span{display:block;overflow-wrap:anywhere}.cms-image-picker [role=status]{min-height:1.5em}
.ad.ad-custom{display:block;padding:14px;overflow:hidden}.ad-custom .ad-disclosure{display:block;margin-bottom:8px;font-size:11px;color:#64748b}.ad-custom h3{margin:0 0 10px}.ad-custom p{margin:0 0 12px}.ad-image-wrap{position:relative;width:100%}.ad.ad-image-banner{padding:0;background:transparent}.ad-image-banner>.ad-disclosure,.ad-image-banner>h3,.ad-image-banner>p{padding:0 12px}.ad-image-banner>.ad-disclosure{padding-top:8px}.ad.ad-custom .ad-image-wrap>img{display:block;width:100%;height:auto;max-height:none;max-width:none;object-fit:contain;margin:0;border-radius:0}.ad-image-wrap>.ad-overlay-button{position:absolute;bottom:8%;max-width:85%;font-size:clamp(11px,1.5vw,18px);padding:8px 16px;line-height:1.4;text-align:center;overflow-wrap:anywhere}.ad-button-right>.ad-overlay-button{right:4%}.ad-button-left>.ad-overlay-button{left:4%}.ad-button-center>.ad-overlay-button{left:50%;transform:translateX(-50%)}.ad-custom .ad-overlay-button:focus-visible{outline:3px solid #ffba49;outline-offset:3px}.sidebar-ad .ad-overlay-button{font-size:12px;padding:6px 10px}@media(max-width:600px){.ad-image-wrap>.ad-overlay-button{padding:5px 9px;font-size:11px}}