/*
Theme Name: Jonathan Kim - Slip Opinion
Theme URI: https://wordpress.org/
Author: Jonathan H. Kim
Description: A continuous-scroll personal homepage inspired by Supreme Court slip opinions, with traditional book typography.
Version: 1.8.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: jhk-slip-opinion
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/






:root{--paper:#fff;--ink:#161616;--line:#aaa;--highlight:rgba(246,215,80,.78);--book:"Century Schoolbook","New Century Schoolbook","C059","TeX Gyre Schola",Georgia,serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:26px}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--book)}
.paper{width:100%;min-height:100vh;margin:0 auto;padding:86px 0 110px;background:var(--paper)}
.column{width:425px;max-width:calc(100% - 56px);margin:0 auto}
.motto,.date{text-align:center;font-size:11.5px}
.motto{margin:0 0 28px}
h1{text-align:center;font-size:22px;font-weight:700;line-height:1.16;font-family:inherit;margin:0 0 17px;letter-spacing:-.1px}
.rule{border-top:1px solid #777;width:80px;margin:0 auto 17px}
.date{margin:0 0 27px}
.admissions{text-align:center;font-size:11.2px;line-height:1.42;margin:0 auto 48px;max-width:410px;display:flex;flex-direction:column;gap:2px}
.admissions-label{font-size:10px;letter-spacing:.07em;font-variant:small-caps;margin-bottom:4px}
h2{font-size:15px;font-weight:400;line-height:1.3;font-family:inherit;text-align:center;text-transform:uppercase;margin:0 0 20px}
h3{font-size:14.6px;line-height:1.34;margin:22px 0 2px}
p{font-size:14.5px;line-height:1.35;text-align:justify;hyphens:auto;margin:0 0 9px}
.syllabus{margin-bottom:41px}
.syllabus p{font-size:14.2px}
.toc{margin:0 0 46px;padding:23px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.toc ol{padding:0;margin:0;list-style:none}
.toc li{margin:0}
.toc a{display:grid;grid-template-columns:33px 1fr;gap:7px;padding:4px 0;font-size:13.7px;line-height:1.36;text-decoration:none}
.toc a span:last-child{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;width:fit-content}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:2px}
a:focus-visible,summary:focus-visible{outline:2px solid #2d4f9c;outline-offset:3px}
/* The only highlight effect is on actual links during hover or keyboard focus. */
a:not(.toc-link){background-image:linear-gradient(to top,var(--highlight) 0 69%,transparent 69%);background-position:0 100%;background-repeat:no-repeat;background-size:0% 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;transition:background-size .24s ease}
a:not(.toc-link):hover,a:not(.toc-link):focus-visible{background-size:100% 100%}
.toc a span:last-child{background-image:linear-gradient(to top,var(--highlight) 0 69%,transparent 69%);background-position:0 100%;background-repeat:no-repeat;background-size:0% 100%;transition:background-size .24s ease}
.toc a:hover span:last-child,.toc a:focus-visible span:last-child{background-size:100% 100%}
.body section{margin:50px 0 0;scroll-margin-top:25px}
.body section:first-child{margin-top:0}
.body section p{text-indent:16px}
.body section p.lead,.body section p.noindent{text-indent:0}
.school{font-variant:small-caps;font-weight:bold;text-align:left;margin:0 0 3px!important;text-indent:0!important}
.degree{font-size:13.8px;text-align:left!important;text-indent:0!important}
.meta{font-size:11.8px!important;color:#333;margin:0 0 10px!important;text-indent:0!important;text-align:left!important}
.case-title{font-style:italic;text-indent:0!important;margin-top:17px!important;margin-bottom:5px!important}
.back{font-size:11px!important;text-align:right!important;text-indent:0!important;margin-top:19px!important}
details{font-size:11.8px;line-height:1.4;margin:8px 0 15px 13px}
summary{cursor:pointer;text-decoration:underline;width:fit-content}
details p{font-size:11.8px!important;text-align:left!important;text-indent:0!important;margin-top:8px!important}
.appendix-lead{font-size:12px!important;text-indent:0!important;margin-bottom:16px!important;text-align:left!important}
.appendix-h{font-size:14.4px;line-height:1.35;margin:24px 0 10px}
.record-list{list-style:none;margin:0 0 18px;padding:0}
.record-list li{position:relative;padding:0 0 0 17px;font-size:13.5px;line-height:1.38;margin:0 0 9px}
.record-list li::before{position:absolute;left:2px;content:'•'}
.record-list em{font-style:italic}
footer{border-top:1px solid #aaa;padding-top:14px;margin-top:57px}
footer p{font-size:11px;line-height:1.4;text-align:left}

/* A quiet reading-position marker on desktop; the document has the only contents list. */
.desktop-rail{display:none}
@media(min-width:1080px){
 .has-progress .desktop-rail{display:flex;position:fixed;z-index:2;top:158px;left:max(30px,calc(50% - 545px));width:90px;flex-direction:column;align-items:flex-start;gap:13px;padding:13px 0 0;border-top:1px solid #b6b6b6;font-size:11px;line-height:1.4}
 .desktop-rail .rail-caption{font-size:10px;letter-spacing:.085em;color:#555}
 .desktop-rail .progress-track{position:relative;height:120px;width:2px;background:#dfdfdf;margin-left:1px}
 .desktop-rail .progress-fill{position:absolute;top:0;left:0;width:2px;height:var(--read,0%);background:#242424;transition:height .08s linear}
 .desktop-rail .progress-value{font-size:10.5px;color:#666;font-variant-numeric:tabular-nums}
}
@media(max-width:820px){.paper{padding:75px 0 75px}.column{width:min(425px,calc(100% - 48px))}p{line-height:1.4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,.toc a span:last-child{transition:none}}
@media print{html{scroll-behavior:auto}body{background:#fff}.paper{width:100%;min-height:0;box-shadow:none;margin:0;padding:20px 0}.column{width:425px;max-width:none}a{background:none!important}.back,.desktop-rail{display:none}.body section{break-inside:avoid-page}}

.case-title{font-style:normal;line-height:1.45;overflow-wrap:break-word;font-size:13.3px!important}
.case-title i{font-style:italic}
.appendix-h{font-variant:small-caps}



/* Compact education cross-reference and appendix advocacy narrative. */
.education-note{font-size:11.5px!important;text-align:left!important;text-indent:0!important;line-height:1.4!important;margin:3px 0 12px!important}
.appendix-narrative{font-size:13.5px;line-height:1.42;text-align:justify;margin:0 0 12px;text-indent:0!important}

/* Slip-opinion typographic details; no external or bundled fonts. */
body{font-kerning:normal;text-rendering:optimizeLegibility}
::selection{background:#f3da78;color:#161616}
h1{letter-spacing:.035em}
.body section>h2{letter-spacing:.025em;word-spacing:.03em}
.case-title{font-variant-numeric:lining-nums}
.appendix-h{letter-spacing:.015em}






@media(hover:none){}
@media(prefers-reduced-motion:reduce){}

/* The two coaching positions sit beneath one section heading. */
.coaching-roles{margin:4px 0 13px 18px;padding-left:13px;border-left:1px solid #c7c7c7}
.coaching-roles .coaching-role{font-size:13.6px;font-weight:600;margin:11px 0 2px;line-height:1.35}
.coaching-roles .coaching-role:first-child{margin-top:5px}
.coaching-roles .meta{font-size:11.6px!important;margin:0 0 9px!important}
@media(max-width:550px){.coaching-roles{margin-left:10px;padding-left:11px}}