/* plain.css -- the Plain look (#696, owner 2026-10-21: "add another black and white look too but as a button";
   "make the black and white version attractive"). A clean printed panchang: white page, black text, ONE quiet
   accent (the site's maroon #7A1F1F) for headings, day numbers, active buttons and today's outline; thin grey
   rules between rows; no fills, gradients, shadows, glow or star background. Every rule is under
   html[data-plain="1"] (set on <html> from the first paint by _plainlook.php), so loading this file changes nothing
   until the look is on. Contrast on white: #111 18.9:1, #7A1F1F 10.3:1, #4a4a4a 8.9:1 (WCAG AAA); placeholder #6b6b6b 5.3:1; text-box frame #858585 3.7:1. */

html[data-plain="1"]{
  color-scheme:light;background:#fff;
  /* the shared page variables, so components built on them follow */
  --at-bg:#fff;--at-sv:0;--at-hglow:transparent;--at-orb1:transparent;--at-orb2:transparent;--at-orb3:transparent;
  --at-hr-a:#fff;--at-hr-b:#fff;--at-hr-c:#fff;--at-hr-d:#fff;--at-hr-e:#fff;
  --cf-ink:#111;--cf-mut:#4a4a4a;--cf-line:#d0d0d0;--cf-card:#fff;--cf-cell:#fff;--cf-acc:#7A1F1F;--cf-fest:#111;
  --cf-vrat:#111;--cf-today:#fff;--cf-we:#7A1F1F;--cf-bad:#111;--cf-good:#111;--cf-bar1:#fff;--cf-bar2:#fff;
  --ih-stars-vis:0;
  --pl-ink:#111;--pl-mut:#4a4a4a;--pl-acc:#7A1F1F;--pl-line:#d0d0d0;
}
html[data-plain="1"] body{background:#fff!important;color:#111!important;line-height:1.6}

/* no star field, orbs or glow layers */
html[data-plain="1"] .at-sf,html[data-plain="1"] .at-orb,html[data-plain="1"] .at-st-s,html[data-plain="1"] .at-st-m,
html[data-plain="1"] .at-st-l,html[data-plain="1"] [class*="-orb"],html[data-plain="1"] [class*="stars"],
html[data-plain="1"] [class*="-star-"],html[data-plain="1"] .ih-wave,html[data-plain="1"] [class*="horizon"],
html[data-plain="1"] [class*="-glow"]{display:none!important}

/* one ink, no fills: every element on white, black text, grey rules, no shadow, gradient or glow */
html[data-plain="1"] body *,html[data-plain="1"] body *::before,html[data-plain="1"] body *::after{
  background-image:none!important;box-shadow:none!important;text-shadow:none!important;
  filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  color:#111!important;-webkit-text-fill-color:currentColor!important;border-color:#d0d0d0!important;
  outline-color:#7A1F1F;
}
html[data-plain="1"] body *{background-color:transparent!important}
/* the homepage sun and moon drawings in black ink, like the printed symbols (their masks untouched) */
html[data-plain="1"] body .ih-lum-img :not(defs):not(defs *)[fill]:not([fill="none"]){fill:#111}
html[data-plain="1"] body .ih-lum-img :not(defs):not(defs *)[stroke]:not([stroke="none"]){stroke:#111}
/* faint labels inside drawn charts */
html[data-plain="1"] body svg text[fill="#aaa"],html[data-plain="1"] body svg text[fill="#999"]{fill:#4a4a4a}

/* panels that sit over the page stay solid white; their backdrops a soft grey */
html[data-plain="1"] body header,html[data-plain="1"] body [role="dialog"],html[data-plain="1"] body [role="menu"],
html[data-plain="1"] body [role="listbox"],html[data-plain="1"] body dialog,html[data-plain="1"] body [class*="sheet"],
html[data-plain="1"] body [class*="modal"],html[data-plain="1"] body [class*="popup"],html[data-plain="1"] body [class*="dropdown"],
html[data-plain="1"] body [class*="tooltip"],html[data-plain="1"] body .ih-nd,html[data-plain="1"] body .autosuggest_inquisitor,
html[data-plain="1"] body .cf-sug,html[data-plain="1"] body .mpc-banner,html[data-plain="1"] body #_zPP,html[data-plain="1"] body ._zcf,
html[data-plain="1"] body select,html[data-plain="1"] body option,html[data-plain="1"] body input,html[data-plain="1"] body textarea{
  background-color:#fff!important}
html[data-plain="1"] body [class*="-ov"]:not([class*="-over"]),html[data-plain="1"] body [class*="overlay"]{background-color:rgba(0,0,0,.28)!important}
html[data-plain="1"] body [role="dialog"],html[data-plain="1"] body #_zPP,html[data-plain="1"] body .ih-nd,
html[data-plain="1"] body [class*="sheet"],html[data-plain="1"] body .autosuggest_inquisitor,html[data-plain="1"] body .cf-sug,
html[data-plain="1"] body ._zcf{border:1px solid #d0d0d0!important}

/* text boxes: a visible thin frame and a readable placeholder */
html[data-plain="1"] body .ih-chat-inner{border:1px solid #858585!important}
html[data-plain="1"] body input::placeholder,html[data-plain="1"] body textarea::placeholder{color:#6b6b6b!important;-webkit-text-fill-color:#6b6b6b!important;opacity:1}
/* the header: white with one rule under it */
html[data-plain="1"] body header{border-bottom:1px solid #d0d0d0!important}
html[data-plain="1"] body header img{filter:none!important}
html[data-plain="1"] body footer,html[data-plain="1"] body .ih-footer{border-top:1px solid #d0d0d0!important}

/* the one accent: headings, links, day numbers */
html[data-plain="1"] body h1,html[data-plain="1"] body h2,html[data-plain="1"] body h3,html[data-plain="1"] body h4,
html[data-plain="1"] body h1 *,html[data-plain="1"] body h2 *,html[data-plain="1"] body h3 *,
html[data-plain="1"] body .at-title,html[data-plain="1"] body .cf-h1,html[data-plain="1"] body .ih-sec-title,
html[data-plain="1"] body .ih-ch-heading,html[data-plain="1"] body .cf-n,html[data-plain="1"] body .cf-dh div,
html[data-plain="1"] body .ih-brand,html[data-plain="1"] body .at-om,html[data-plain="1"] body .dd-datenum{color:#7A1F1F!important}
html[data-plain="1"] body a{color:#7A1F1F!important;text-decoration:none}
html[data-plain="1"] body a:hover{text-decoration:underline;text-underline-offset:3px}
html[data-plain="1"] body a *{color:inherit!important}

/* active choices: maroon with white text */
html[data-plain="1"] body [aria-pressed="true"],html[data-plain="1"] body [aria-selected="true"],
html[data-plain="1"] body [aria-current="page"],html[data-plain="1"] body button.on:not(.nm-seg):not(.ampm-switch),html[data-plain="1"] body a.on,
html[data-plain="1"] body .cf-seg a.on,html[data-plain="1"] body .mp-fsect-cell.on,html[data-plain="1"] body .ih-lb.on,
html[data-plain="1"] body .nm-seg:not(.on) .nm-a,html[data-plain="1"] body .nm-seg.on .nm-b,html[data-plain="1"] body .tf-sl .tf-k,
html[data-plain="1"] body .ampm-switch.on .ampm-knob{
  background-color:#7A1F1F!important;border-color:#7A1F1F!important;color:#fff!important}
html[data-plain="1"] body [aria-pressed="true"] *,html[data-plain="1"] body [aria-selected="true"] *,
html[data-plain="1"] body button.on:not(.nm-seg):not(.ampm-switch) *,html[data-plain="1"] body a.on *,html[data-plain="1"] body .mp-fsect-cell.on *,
html[data-plain="1"] body .ih-lb.on *,html[data-plain="1"] body .nm-seg:not(.on) .nm-a,html[data-plain="1"] body .nm-seg.on .nm-b,
html[data-plain="1"] body .tf-sl[data-p="0"] .tf-o[data-m="0"],html[data-plain="1"] body .tf-sl[data-p="1"] .tf-o[data-m="1"],
html[data-plain="1"] body .tf-sl[data-p="2"] .tf-o[data-m="2"]{color:#fff!important}
html[data-plain="1"] body .nm-seg,html[data-plain="1"] body .tf-sl,html[data-plain="1"] body .cf-seg{border:1px solid #bdbdbd!important}

/* the Plain switch itself: filled maroon with a white ◐ while on (10.3:1) */
html[data-plain="1"] body #_mpPL[aria-pressed="true"]{background-color:#7A1F1F!important;border:2px solid #7A1F1F!important;color:#fff!important}

/* buttons: thin outline, the site font; an underline grows on hover */
html[data-plain="1"] body button,html[data-plain="1"] body .ih-hbtn,html[data-plain="1"] body [role="button"]{border-color:#bdbdbd!important}
html[data-plain="1"] body button:not([aria-pressed="true"]):not(.on),html[data-plain="1"] body .ih-hbtn,
html[data-plain="1"] body .cf-nav a,html[data-plain="1"] body .cf-fs a:not(.on){
  background-image:linear-gradient(#7A1F1F,#7A1F1F)!important;background-repeat:no-repeat!important;
  background-size:0 1px!important;background-position:50% calc(100% - 4px)!important;transition:background-size .2s ease-out}
html[data-plain="1"] body button:not([aria-pressed="true"]):not(.on):hover,html[data-plain="1"] body .ih-hbtn:hover,
html[data-plain="1"] body .cf-nav a:hover,html[data-plain="1"] body .cf-fs a:not(.on):hover{background-size:56% 1px!important;text-decoration:none}

/* rows like a printed almanac */
html[data-plain="1"] body table{border-collapse:collapse}
html[data-plain="1"] body td,html[data-plain="1"] body th{border-color:#d0d0d0!important}
html[data-plain="1"] body tr+tr>td,html[data-plain="1"] body tr+tr>th{border-top:1px solid #d0d0d0!important}
html[data-plain="1"] body th{color:#7A1F1F!important;font-weight:700}
html[data-plain="1"] body hr{border:0;border-top:1px solid #d0d0d0!important}

/* times line up: tabular figures; names regular, times semibold */
html[data-plain="1"] body{font-variant-numeric:tabular-nums}
html[data-plain="1"] body time,html[data-plain="1"] body [class*="-time"],html[data-plain="1"] body [class*="-till"],
html[data-plain="1"] body [class*="-when"],html[data-plain="1"] body .ih-time-val,html[data-plain="1"] body .cf-t,
html[data-plain="1"] body .tl-hero-sub,html[data-plain="1"] body .tl-rs-t{font-variant-numeric:tabular-nums;font-weight:600!important;opacity:1!important}
html[data-plain="1"] body .ih-pg-till{white-space:normal!important}
html[data-plain="1"] body .pv,html[data-plain="1"] body .tl-mc-v,html[data-plain="1"] body .tl-hero-val,
html[data-plain="1"] body .ih-pg-name,html[data-plain="1"] body .ih-ast-name,html[data-plain="1"] body .ih-mcy-name{font-weight:400!important}
/* faded labels: dark grey, never a pale tint (AA on white) */
html[data-plain="1"] body .cf-own,html[data-plain="1"] body .cf-w,html[data-plain="1"] body .cf-sub,html[data-plain="1"] body .at-sub,
html[data-plain="1"] body .ih-pg-element-label,html[data-plain="1"] body .ih-time-label,html[data-plain="1"] body .ih-sec-label,
html[data-plain="1"] body .pl,html[data-plain="1"] body .tl-mc-l,html[data-plain="1"] body .tl-hero-lbl,
html[data-plain="1"] body .zpp-hd,html[data-plain="1"] body figcaption,html[data-plain="1"] body figcaption *,
html[data-plain="1"] body .ih-rashi-sub,html[data-plain="1"] body .mp-ad-lbl{color:#4a4a4a!important;opacity:1!important}
/* notes faded with an inline opacity: full strength, dark grey */
html[data-plain="1"] body :is([style*="opacity:0.4"],[style*="opacity:.4"],[style*="opacity:0.5"],[style*="opacity:.5"],[style*="opacity:0.6"],[style*="opacity:.6"],[style*="opacity: 0.5"],[style*="opacity: 0.6"]){opacity:1!important;color:#4a4a4a!important}
/* the homepage chapters: visible without waiting for the scroll script (they fade in with the boxes below) */
html[data-plain="1"] body .ih-chapter{opacity:1!important;transform:none!important}

/* the month table: white boxes, grey rules, today outlined in maroon */
html[data-plain="1"] body .cf-cal{border:1px solid #d0d0d0!important}
html[data-plain="1"] body .cf-bar{border:1px solid #d0d0d0!important}
html[data-plain="1"] body .cf-ffl{color:#333!important}
html[data-plain="1"] body .cf-tb .cf-td0{background-color:#fff!important}
html[data-plain="1"] body .cf-tb thead th{border-bottom:1px solid #999!important}
html[data-plain="1"] body .cf-c.cf-td,html[data-plain="1"] body [class*="today"]:not(a):not(button){
  outline:2px solid #7A1F1F;outline-offset:-2px}
html[data-plain="1"] body .cf-nav .cf-off{opacity:.55}

/* the Choghadiya / Gowri month tables keep the old chogadia.html night row, white on black (_daytable_month.php),
   on screen and on paper: the one place Plain keeps a fill */
html[data-plain="1"] body table.dtm-chog tr.dtm-ni td.dtm-g,html[data-plain="1"] body table.dtm-chog tr.dtm-ni td.dtm-b,html[data-plain="1"] body table.dtm-chog tr.dtm-ni td.dtm-c,html[data-plain="1"] body table.dtm-gowri tr.dtm-ni td.dtm-g,html[data-plain="1"] body table.dtm-gowri tr.dtm-ni td.dtm-b{
  background-color:#000!important;color:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}
html[data-plain="1"] body table.dtm-chog tr.dtm-ni td.dtm-g *,html[data-plain="1"] body table.dtm-chog tr.dtm-ni td.dtm-b *,html[data-plain="1"] body table.dtm-chog tr.dtm-ni td.dtm-c *,html[data-plain="1"] body table.dtm-gowri tr.dtm-ni td.dtm-g *,html[data-plain="1"] body table.dtm-gowri tr.dtm-ni td.dtm-b *{color:#fff!important}
html[data-plain="1"] body table.dtm-chog tr.dtm-ni td.dtm-g .dtm-n,html[data-plain="1"] body table.dtm-gowri tr.dtm-ni td.dtm-g .dtm-n{color:#7CE07C!important}
html[data-plain="1"] body table.dtm-chog tr.dtm-ni td.dtm-b .dtm-n,html[data-plain="1"] body table.dtm-gowri tr.dtm-ni td.dtm-b .dtm-n{color:#FF8A80!important}

/* gentle entrance (owner 2026-10-21: "some animation if possible"): boxes fade in from 98%, a short stagger.
   The final state is the page's own state: the keyframes only start from a lower opacity/scale, fill 'backwards'
   holds that start just through the short delay, and nothing hides content if animations never run. */
@keyframes _mpPLin{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}
@keyframes _mpPLtd{from{outline-color:transparent;outline-offset:4px}to{outline-color:#7A1F1F;outline-offset:-2px}}
html[data-plain="1"] body .cf-c,html[data-plain="1"] body .ih-ast-card,html[data-plain="1"] body .ih-mcy-card,
html[data-plain="1"] body .ih-dg-card,html[data-plain="1"] body .ih-limb-card,html[data-plain="1"] body .ih-slk-card,
html[data-plain="1"] body .ih-tool,html[data-plain="1"] body .ih-pg-entry,html[data-plain="1"] body .at-festdate,
html[data-plain="1"] body .dd-summary,html[data-plain="1"] body .dd-detail,html[data-plain="1"] body section,
html[data-plain="1"] body .ih-chapter{
  animation:_mpPLin .25s cubic-bezier(.2,.7,.2,1) backwards}
html[data-plain="1"] body :is(.cf-c,.ih-ast-card,.ih-mcy-card,.ih-dg-card,.ih-limb-card,.ih-slk-card,.ih-tool,.ih-pg-entry,section):nth-child(7n+2){animation-delay:30ms}
html[data-plain="1"] body :is(.cf-c,.ih-ast-card,.ih-mcy-card,.ih-dg-card,.ih-limb-card,.ih-slk-card,.ih-tool,.ih-pg-entry,section):nth-child(7n+3){animation-delay:60ms}
html[data-plain="1"] body :is(.cf-c,.ih-ast-card,.ih-mcy-card,.ih-dg-card,.ih-limb-card,.ih-slk-card,.ih-tool,.ih-pg-entry,section):nth-child(7n+4){animation-delay:90ms}
html[data-plain="1"] body :is(.cf-c,.ih-ast-card,.ih-mcy-card,.ih-dg-card,.ih-limb-card,.ih-slk-card,.ih-tool,.ih-pg-entry,section):nth-child(7n+5){animation-delay:120ms}
html[data-plain="1"] body :is(.cf-c,.ih-ast-card,.ih-mcy-card,.ih-dg-card,.ih-limb-card,.ih-slk-card,.ih-tool,.ih-pg-entry,section):nth-child(7n+6){animation-delay:150ms}
html[data-plain="1"] body :is(.cf-c,.ih-ast-card,.ih-mcy-card,.ih-dg-card,.ih-limb-card,.ih-slk-card,.ih-tool,.ih-pg-entry,section):nth-child(7n){animation-delay:180ms}
html[data-plain="1"] body .cf-c.cf-td{animation:_mpPLin .25s cubic-bezier(.2,.7,.2,1) backwards,_mpPLtd .6s .25s ease-out backwards}
/* the chat cards keep their own entrance timing; in Plain they scale and fade, no slide */
html[data-plain="1"] body :is(._mI0,._mI1,._mI2,._mI3){animation-name:_mpPLin!important;animation-duration:.25s!important}
/* the switch between looks cross-fades (View Transitions, where the browser has them) */
::view-transition-old(root),::view-transition-new(root){animation-duration:.3s}
@media (prefers-reduced-motion:reduce){
  html[data-plain="1"] body *,html[data-plain="1"] body *::before,html[data-plain="1"] body *::after{animation:none!important;transition:none!important}
  ::view-transition-old(root),::view-transition-new(root){animation:none}
}

/* printed: the same page, black on white, no header controls */
@media print{
  html[data-plain="1"] body *{animation:none!important;transition:none!important}
  html[data-plain="1"] body header button,html[data-plain="1"] body #_zPP,html[data-plain="1"] body .ih-nd,
  html[data-plain="1"] body [class*="-ov"]:not([class*="-over"]),html[data-plain="1"] body [class*="overlay"],
  html[data-plain="1"] body .mpc-banner,html[data-plain="1"] body .mpc-reopen{display:none!important}
  html[data-plain="1"] body a{text-decoration:none}
  html[data-plain="1"] body .cf-c,html[data-plain="1"] body tr{break-inside:avoid}
}