/* Tunga Bimba clickable article areas
   V19: hotspots are intentionally invisible in the public reader.
   A clean tap still opens the article, while pinch/pan gestures pass through
   the same marked area without showing boxes or Tap labels. */
.article-overlay{position:absolute;inset:0;z-index:5;pointer-events:none}
.article-hotspot{position:absolute;display:block;border:0!important;background:transparent!important;border-radius:0;box-shadow:none!important;pointer-events:auto;cursor:pointer;padding:0;margin:0;opacity:1;touch-action:none;-webkit-tap-highlight-color:transparent;appearance:none;-webkit-appearance:none}
.article-hotspot:hover{border:0!important;background:transparent!important;box-shadow:none!important}
.article-hotspot:focus{outline:none}
.article-hotspot:focus-visible{outline:2px dashed rgba(178,15,21,.65);outline-offset:-2px}
.article-hotspot::after{display:none!important;content:none!important}
.article-overlay.disabled .article-hotspot{pointer-events:none!important}
.article-modal[hidden]{display:none}
.article-modal{position:fixed;inset:0;z-index:230;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:12px;backdrop-filter:blur(5px)}
.article-modal-card{width:min(1000px,100%);max-height:96dvh;overflow:auto;background:#171717;border:1px solid #444;border-radius:18px;color:#fff}
.article-modal-head{position:sticky;top:0;z-index:3;background:#171717;padding:13px 15px;border-bottom:1px solid #333;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.article-modal-title{margin:0;font:800 18px/1.4 'Noto Sans Kannada',system-ui,sans-serif}.article-modal-meta{display:block;margin-top:4px;color:#999;font-size:10px}.article-modal-close{border:1px solid #444;background:#292929;color:#fff;width:38px;height:38px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;flex:0 0 auto}
.article-modal-preview{background:#292929;padding:14px;text-align:center;max-height:68dvh;overflow:auto}
.article-modal-brand{background:#fff;display:flex;align-items:center;justify-content:center;padding:12px 14px 10px;border-bottom:1px solid #e4e4e4}
.article-modal-brand img{display:block;width:min(250px,58vw);max-height:68px;height:auto;object-fit:contain}
.article-modal-preview>img{max-width:100%;height:auto;display:block;margin:auto;background:#fff}
.article-modal-actions{display:flex;gap:8px;flex-wrap:wrap;padding:13px}.article-modal-actions .btn{flex:1 1 160px}.article-modal-note{padding:0 14px 14px;color:#8f8f8f;font-size:10px;text-align:center}
@media(max-width:720px){.article-modal{padding:6px}.article-modal-preview{padding:7px;max-height:66dvh}.article-modal-brand{padding:9px 10px 8px}.article-modal-brand img{width:min(220px,62vw);max-height:56px}.article-modal-title{font-size:16px}.article-modal-actions{padding:9px}.article-modal-actions .btn{flex:1 1 46%;padding:11px 9px;font-size:12px}}

/* Admin article marker */
.marker-shell{width:min(1440px,calc(100% - 22px));margin:auto;padding:22px 0 50px}.marker-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.marker-top img{height:58px;max-width:340px}.marker-top-actions{display:flex;gap:8px;flex-wrap:wrap}.marker-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}.marker-view-card,.marker-side-card{background:#fff;border:1px solid #e1ddd7;border-radius:18px;box-shadow:0 12px 40px rgba(0,0,0,.06)}.marker-view-card{overflow:hidden}.marker-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border-bottom:1px solid #eee}.marker-toolbar .spacer{flex:1}.marker-toolbar input{width:58px;height:38px;border:1px solid #ddd;border-radius:8px;text-align:center}.marker-toolbar button,.marker-toolbar a{height:38px;border:1px solid #ddd;border-radius:9px;background:#fff;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;text-decoration:none;color:#222}.marker-toolbar .primary{background:#b20f15;color:#fff;border-color:#b20f15}.marker-toolbar .primary.active{background:#111;border-color:#111}.marker-note{font-size:11px;color:#777;padding:0 12px 10px}.marker-canvas-wrap{background:#252525;overflow:auto;max-height:78dvh;padding:16px}.marker-stage{position:relative;margin:auto;background:#fff;box-shadow:0 14px 50px rgba(0,0,0,.35);user-select:none}.marker-stage canvas{display:block;width:100%;height:100%}.marker-overlay{position:absolute;inset:0;z-index:3;cursor:default}.marker-overlay.drawing{cursor:crosshair;touch-action:none}.marker-box{position:absolute;border:2px solid #b20f15;background:rgba(178,15,21,.055);cursor:pointer}.marker-box.active{border:3px solid #f5a400;background:rgba(245,164,0,.12)}.marker-box span{position:absolute;left:4px;top:4px;max-width:calc(100% - 8px);padding:3px 5px;border-radius:5px;background:rgba(0,0,0,.74);color:#fff;font:700 9px/1.2 system-ui;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marker-draft{position:absolute;border:3px dashed #f5a400;background:rgba(245,164,0,.12);pointer-events:none}.marker-side-card{padding:18px;position:sticky;top:12px}.marker-side-card h2{margin:0 0 4px;font-size:20px}.marker-side-card p{margin:0 0 16px;color:#777;font-size:12px}.marker-field{display:block;font-size:12px;font-weight:800;color:#444;margin-bottom:12px}.marker-field input{display:block;width:100%;height:46px;border:1px solid #ddd;border-radius:9px;margin-top:6px;padding:0 10px}.marker-coords{font:11px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;background:#f6f4f1;border-radius:9px;padding:9px;color:#555;margin-bottom:12px}.marker-editor-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.marker-editor-actions button{border:0;border-radius:9px;padding:11px;font-weight:800;cursor:pointer}.marker-save{background:#b20f15;color:#fff}.marker-delete{background:#fff0f0;color:#a20c12;border:1px solid #efc6c8!important}.marker-cancel{background:#f0f0f0;color:#333}.marker-status{margin-top:12px;padding:9px;border-radius:8px;background:#fff6dc;color:#6b5200;font-size:11px}.marker-list{margin-top:16px;border-top:1px solid #eee;padding-top:14px}.marker-list h3{margin:0 0 8px;font-size:13px}.marker-list button{width:100%;text-align:left;border:1px solid #eee;background:#fff;border-radius:8px;margin:0 0 6px;padding:8px;cursor:pointer;font-size:11px}.marker-list button.active{border-color:#f5a400;background:#fff8e8}.marker-empty{color:#999;font-size:11px}.marker-help{margin-top:12px;font-size:11px;line-height:1.6;color:#777}
@media(max-width:900px){.marker-layout{grid-template-columns:1fr}.marker-side-card{position:static}.marker-canvas-wrap{max-height:65dvh;padding:8px}.marker-top{align-items:flex-start;flex-direction:column}.marker-top img{height:50px}}