
.paper{background:var(--surface); border:1px solid var(--line); border-radius:13px;
  padding:var(--art-pad, 18px 20px 22px); box-shadow:0 1px 5px rgba(30,50,40,.05);}
.paper h1{font-size:var(--art-h1, 23px); line-height:1.4; margin:7px 0 8px; font-weight:800;
  overflow-wrap:anywhere;}
.paper .meta{font-size:var(--art-meta, 13.5px); color:var(--ink-3); font-weight:600;
  margin-bottom:var(--art-meta-mb, 16px); padding-bottom:var(--art-meta-pb, 11px);
  border-bottom:1px solid var(--line);}
.paper h2{font-size:var(--art-h2, 17.5px); color:var(--green); margin:var(--art-h2-m, 20px 0 8px);
  line-height:1.45; font-weight:800;}
.paper p{font-size:var(--art-p, 15.5px); line-height:var(--art-lh, 1.9);
  margin:0 0 var(--art-p-mb, 13px); text-align:justify;}
.paper img{max-width:100%; height:auto; border-radius:9px; margin:6px 0 13px; display:block;}
.paper .tblwrap{overflow-x:auto; margin:6px 0 14px;}
.paper table{border-collapse:collapse; font-size:var(--art-tbl, 13.5px); min-width:100%;}
.paper th,.paper td{border:1px solid var(--line); padding:7px 9px; text-align:left; vertical-align:top;}
.paper th{background:var(--surface-2); font-weight:800;}
.paper .end{margin-top:var(--art-end-mt, 20px); padding-top:11px; border-top:1px solid var(--line);
  font-size:13px; color:var(--ink-3); font-weight:700;}

.paper .disclaimer{margin-top:12px; font-size:var(--art-disc, 12px); line-height:1.7;
  color:var(--ink-3); text-align:left;}

.artcat{display:inline-block; font-size:var(--art-chip, 11.5px); font-weight:800; color:var(--green);
  border:1px solid var(--green); border-radius:6px; padding:1px 8px; margin-bottom:6px;}
.artcat.manual{color:#8a6410; border-color:var(--amber); background:var(--amber-tint);}

.arttop{display:flex; justify-content:space-between; align-items:center; gap:10px; margin-bottom:11px;}
.artback{display:inline-flex; align-items:center; min-height:44px; padding:0 15px;
  background:var(--surface); border:1px solid var(--line); border-radius:11px;
  font-size:var(--art-btn, 14.5px); font-weight:800; color:var(--ink);}
.artback:active{background:var(--surface-2);}

.sharebtn{display:inline-flex; align-items:center; justify-content:center; min-height:44px;
  padding:0 18px; border-radius:11px; background:var(--amber); color:#fff;
  font-size:var(--art-btn, 14.5px); font-weight:800; border:1px solid var(--amber);}
.sharebtn:active{opacity:.85;}
.sharebtn.ghost{background:var(--amber-tint); color:#8a6410; border:1px solid var(--amber);}
.sharerow{text-align:center; margin-top:14px;}

.artcta{display:flex; align-items:center; justify-content:center; min-height:48px; margin-top:16px;
  background:var(--green); color:#fff; border-radius:11px; font-size:16px; font-weight:800;
  text-decoration:none;}
.artcta:active{opacity:.9;}

.sharemask{position:fixed; inset:0; background:rgba(20,28,24,.45); z-index:90;
  display:flex; align-items:flex-end; justify-content:center;}
.sharesheet{width:100%; max-width:520px; background:var(--surface);
  border-radius:16px 16px 0 0; padding:14px 14px calc(18px + var(--safe-b, 0px));
  box-shadow:0 -4px 16px rgba(0,0,0,.18);}
.sharesheet h4{margin:0 0 10px; font-size:15px; font-weight:800;}
.shareopt{display:flex; align-items:center; gap:12px; width:100%; height:48px;
  border-bottom:1px solid var(--line); font-size:15px; font-weight:700; color:var(--ink);
  text-align:left; background:none; text-decoration:none;}
.shareopt:last-of-type{border-bottom:0;}
.shareopt:active{background:var(--surface-2);}
.shareopt img{width:26px; height:26px; object-fit:contain; display:block; flex:0 0 auto;}
.sharecancel{display:flex; align-items:center; justify-content:center; width:100%; height:44px;
  margin-top:10px; font-size:14px; font-weight:700; color:var(--ink-3); background:none;}

.sharetoast{position:fixed; left:50%; bottom:90px; transform:translateX(-50%);
  background:var(--ink); color:#fff; font-size:13px; font-weight:700; padding:9px 16px;
  border-radius:11px; z-index:95; opacity:0; transition:opacity .2s; pointer-events:none;}
.sharetoast.show{opacity:1;}
