/* The Harvard Classics export page (/harvard-classics/export/); the colors and buttons come from ../hc.css (.hc). */
.hc-xp{max-width:1100px;margin:0 auto}
.hc-xhead{margin:0 0 1.4rem}
.hc-xhead h1{font:700 clamp(1.8rem,4.4vw,2.5rem)/1.12 var(--book);color:var(--g);margin:.1rem 0 .6rem}
.hc-xlead{font-size:1.06rem;line-height:1.6;color:var(--ink);max-width:48rem;margin:0 0 .6rem}
.hc-xjump{font:600 .9rem/1.6 var(--ui);margin:0}
.hc-xjump a{color:var(--g)}
.hc-xp h3{font:700 1.15rem/1.3 var(--book);color:var(--ink);margin:0 0 .7rem;display:flex;align-items:center;gap:.5rem}
.hc-xn{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--g);color:#fff;font:700 .9rem/1 var(--ui);flex:none}
html[data-theme="dark"] .hc-xn{background:#00562f}
.hc-xsmall{font:.82rem/1.45 var(--ui);color:var(--muted);margin:.25rem 0 .5rem}
.hc-xnote{font:.95rem/1.5 var(--ui);color:var(--muted)}
.hc-xurl{font-weight:700;overflow-wrap:anywhere}

/* ready-made */
.hc-xready>p{max-width:48rem}
.hc-xyear{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem 1.4rem;background:linear-gradient(135deg,#004225,#00562f);color:#f3ead2;border-radius:14px;padding:1rem 1.2rem;margin:0 0 1rem}
.hc-xyear-t{display:flex;flex-direction:column;gap:.15rem;flex:1 1 14rem}
.hc-xyear-t b{font:700 1.3rem/1.2 var(--book);color:#fff}
.hc-xyear-t small{font:.85rem/1.4 var(--ui);color:#cfe0d5}
.hc-xyear-l{display:flex;flex-wrap:wrap;gap:.5rem}
.hc-xf{display:inline-flex;flex-direction:column;justify-content:center;min-height:44px;padding:.35rem .9rem;border-radius:10px;border:1px solid var(--line);background:var(--card);color:var(--ink);text-decoration:none;font:600 .92rem/1.25 var(--ui);box-sizing:border-box}
.hc-xf small{font-weight:400;font-size:.76rem;color:var(--muted)}
.hc-xf:hover{border-color:var(--g)}
.hc-xyear .hc-xf{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:#fff}
.hc-xyear .hc-xf small{color:#d9eadf}
.hc-xyear .hc-xf:hover{background:rgba(255,255,255,.16)}
.hc-xt{width:100%;border-collapse:collapse;font:.95rem/1.4 var(--ui);background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.hc-xt th,.hc-xt td{text-align:left;padding:.4rem .7rem;border-top:1px solid var(--line);vertical-align:middle}
.hc-xt thead th{font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-top:0;background:var(--paper)}
.hc-xt tbody th{font:700 1rem/1.3 var(--book);color:var(--ink)}
.hc-xt tbody th small{display:block;font:400 .76rem var(--ui);color:var(--muted)}
.hc-xt .hc-xf{flex-direction:row;align-items:baseline;gap:.4rem;min-height:40px;padding:.3rem .7rem}
@media (min-width:900px){
  .hc-xt,.hc-xt tbody{display:block}
  .hc-xt tbody{display:grid;grid-template-columns:1fr 1fr}
  .hc-xt thead{display:none}
  .hc-xt tr{display:grid;grid-template-columns:8.5rem 1fr 1fr;align-items:center;border-top:1px solid var(--line)}
  .hc-xt tbody tr:nth-child(-n+2){border-top:0}
  .hc-xt tbody tr:nth-child(odd){border-right:1px solid var(--line)}
  .hc-xt th,.hc-xt td{border-top:0}
}
@media (max-width:520px){.hc-xt th,.hc-xt td{padding:.35rem .4rem}.hc-xt .hc-xf{padding:.3rem .5rem;flex-direction:column;align-items:flex-start;gap:0}}

/* make your own */
.hc-xapp[hidden]{display:none}
.hc-xstep{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1rem 1.1rem 1.1rem;margin:0 0 1rem}
.hc-xstep:first-child{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:.4rem 1.6rem;align-items:start}
.hc-xstep:first-child>h3{grid-column:1/-1}
@media (max-width:900px){.hc-xstep:first-child{grid-template-columns:1fr}}
@media (max-width:480px){.hc-xstep{padding:.8rem .7rem .9rem}}
.hc-xtabs{display:flex;flex-wrap:wrap;gap:.35rem;margin:0 0 .7rem}
.hc-xtabs [role="tab"]{font:600 .88rem/1.2 var(--ui);min-height:40px;padding:.4rem .85rem;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer}
.hc-xtabs [role="tab"][aria-selected="true"]{background:var(--g);border-color:var(--g);color:#fff}
html[data-theme="dark"] .hc-xtabs [role="tab"][aria-selected="true"]{background:#00562f;border-color:#6cc79a}
.hc-xpanel{border-top:1px solid var(--line);padding:.6rem 0 .2rem}
.hc-xpanel[hidden]{display:none}
.hc-xpanel>p{font:.92rem/1.5 var(--ui);color:var(--muted);margin:0 0 .6rem}
.hc-xrow{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin:0 0 .6rem}
.hc-xf2{display:flex;flex-direction:column;gap:.25rem;font:600 .82rem/1.3 var(--ui);color:var(--muted);margin:0 0 .5rem}
.hc-xrow .hc-xf2{margin:0}
.hc-xgrow{flex:1 1 14rem;min-width:0}
.hc-xp select,.hc-xp input[type="date"],.hc-xp input[type="text"]{font:1rem/1.3 var(--ui);min-height:44px;padding:.4rem .6rem;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);max-width:100%;box-sizing:border-box}
.hc-xp input[type="text"]{width:100%}
.hc-xgrow select{width:100%}
.hc-xmd{border:0;margin:0;padding:0;display:flex;gap:.35rem;flex-wrap:wrap}
.hc-xmd legend{font:600 .82rem/1.3 var(--ui);color:var(--muted);padding:0;margin:0 0 .25rem}
.hc-xmonths{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;margin:0 0 .7rem}
.hc-xmonths .hc-btn{justify-content:center;padding:.4rem .3rem;border-radius:10px;font-size:.88rem}
.hc-xmonths .hc-btn[aria-pressed="true"]{background:var(--g);border-color:var(--g);color:#fff}
html[data-theme="dark"] .hc-xmonths .hc-btn[aria-pressed="true"]{background:#00562f}
@media (max-width:420px){.hc-xmonths{grid-template-columns:repeat(3,minmax(0,1fr))}}
.hc-xchk{display:flex;gap:.55rem;align-items:flex-start;font:.95rem/1.45 var(--ui);color:var(--ink);padding:.45rem 0;min-height:40px;box-sizing:border-box;cursor:pointer}
.hc-xchk input{width:1.15rem;height:1.15rem;margin:.15rem 0 0;flex:none;accent-color:var(--g)}
.hc-xadd{border-top:1px dashed var(--line);margin-top:.4rem;padding-top:.6rem;font-size:.88rem;color:var(--muted)}

/* the mini calendar */
.hc-xcal{background:var(--paper);border:1px solid var(--pline);border-radius:12px;padding:.6rem .7rem .7rem;min-width:0}
.hc-xcbar{display:flex;align-items:center;gap:.5rem;margin:0 0 .4rem}
.hc-xcbar .hc-arrow{width:44px;padding:0;justify-content:center;font-size:1.1rem;flex:none}
.hc-xp h4.hc-xclab{flex:1;text-align:center;font:700 1.2rem/1.2 var(--book);color:var(--ink);margin:0}
.hc-xmchips{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;margin:0 0 .55rem}
.hc-xmchips button{display:flex;flex-direction:column;align-items:center;gap:0;padding:.2rem 0;min-height:40px;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);font:600 .68rem/1.15 var(--ui);cursor:pointer;min-width:0}
.hc-xmchips button small{font-weight:400;color:var(--g);font-size:.66rem}
.hc-xmchips button[aria-current="true"]{border-color:var(--g);box-shadow:inset 0 0 0 1px var(--g)}
@media (max-width:560px){.hc-xmchips{grid-template-columns:repeat(6,minmax(0,1fr))}}
.hc-xcal .hc-wk{margin-bottom:3px}
.hc-xgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.hc-xd{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.1rem;min-height:3.6rem;padding:.25rem .3rem;border:1px solid var(--line);border-radius:7px;background:var(--card);color:var(--ink);text-align:left;cursor:pointer;overflow:hidden;min-width:0;font:inherit}
.hc-xd b{font:700 .85rem/1 var(--ui);color:var(--g)}
.hc-xd span{font:.66rem/1.2 var(--book);color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hc-xd:hover{border-color:var(--g)}
.hc-xd[aria-pressed="true"]{background:var(--g);border-color:var(--g)}
.hc-xd[aria-pressed="true"] b,.hc-xd[aria-pressed="true"] span{color:#fff}
html[data-theme="dark"] .hc-xd[aria-pressed="true"]{background:#00562f;border-color:#6cc79a}
.hc-xd[aria-pressed="true"]::after{content:"✓";position:absolute;right:.3rem;top:.2rem;font:700 .75rem/1 var(--ui);color:#f3dfa3}
.hc-xd.now{box-shadow:inset 0 0 0 2px var(--gold)}
.hc-xd.leap{border-style:dashed}
@media (max-width:560px){.hc-xd{min-height:2.75rem;align-items:center;justify-content:center;padding:.1rem}.hc-xd span{display:none}.hc-xd[aria-pressed="true"]::after{right:.15rem;top:.12rem;font-size:.62rem}}
.hc-xcact{display:flex;flex-wrap:wrap;gap:.4rem;margin:.6rem 0 0}
.hc-xcact .hc-btn{font-size:.84rem;padding:.35rem .8rem}

/* summary */
.hc-xsum{position:sticky;bottom:.5rem;z-index:4;background:var(--card);border:1px solid var(--g);border-radius:12px;padding:.6rem .9rem;margin:0 0 1rem;box-shadow:0 -6px 18px rgba(0,0,0,.06)}
.hc-xsum p{margin:0}
.hc-xsum-n{font:700 1rem/1.4 var(--ui);color:var(--ink)}
.hc-xsum-d{font:.88rem/1.4 var(--ui);color:var(--muted)}
@media (max-width:560px){.hc-xsum{padding:.45rem .7rem}.hc-xsum-n{font-size:.92rem}.hc-xsum-d{font-size:.8rem}}

/* options */
.hc-xopts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem 1.4rem}
@media (max-width:980px){.hc-xopts{grid-template-columns:1fr 1fr}.hc-xfs-ep{grid-column:1/-1}}
@media (max-width:640px){.hc-xopts{grid-template-columns:1fr}}
.hc-xfs{border:0;margin:0;padding:0;min-width:0}
.hc-xfs legend{font:700 .8rem/1.3 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:var(--gold);padding:0;margin:0 0 .3rem}
.hc-xfs .hc-seg{flex-wrap:wrap;border-radius:12px}
.hc-xfs .hc-seg button{min-height:44px}
.hc-xfs .hc-seg button[aria-checked="true"]{background:var(--g);color:#fff}
html[data-theme="dark"] .hc-xfs .hc-seg button[aria-checked="true"]{background:#00562f}
.hc-xcover{display:flex;gap:.8rem;align-items:flex-start;margin-top:.3rem}
.hc-xcover canvas{width:110px;height:auto;aspect-ratio:400/640;border-radius:3px 6px 6px 3px;box-shadow:0 2px 10px rgba(0,0,0,.25);flex:none;background:#004225}
.hc-xcover p{margin:0}

/* make */
.hc-xgo{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .5rem}
.hc-xgo .hc-btn{min-height:44px}
.hc-xp .hc-xbig{font-size:1rem;padding:.55rem 1.3rem}
.hc-xgo .hc-btn:disabled{opacity:.5;cursor:default}
.hc-xstatus{font:600 .95rem/1.5 var(--ui);color:var(--g);min-height:1.5em;margin:.2rem 0 .6rem}
.hc-xstatus a{color:var(--g)}
.hc-xready-hint{font:.92rem/1.5 var(--ui);background:rgba(216,184,96,.16);border:1px solid var(--gold);border-radius:10px;padding:.5rem .8rem;margin:0 0 .7rem}
.hc-xready-hint[hidden]{display:none}
.hc-xready-hint a{color:var(--g);font-weight:700}
.hc-xhow{font:.88rem/1.55 var(--ui);color:var(--muted);border-top:1px dashed var(--line);padding-top:.6rem}
.hc-xhow p{margin:0 0 .4rem}
.hc-xhow b{color:var(--ink)}

/* devices */
.hc-xdevs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
@media (max-width:760px){.hc-xdevs{grid-template-columns:1fr}}
.hc-xdevc{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:.9rem 1rem}
.hc-xp .hc-xdevc h3{font-size:1.1rem;color:var(--g);margin:0 0 .4rem}
.hc-xdevc p,.hc-xdevc li{font-size:.94rem;line-height:1.55}
.hc-xdevc ul{padding-left:1.1rem;margin:.3rem 0 .6rem}
.hc-xdevc li{margin:0 0 .35rem}
.hc-xp .hc-xdevc p+h3,.hc-xp .hc-xdevc ul+h3{margin-top:1rem}
@media print{.hc-xp .hc-xmake,.hc-xp .hc-xjump{display:none}}