/*
Theme Name: Asif Journal
Description: A quiet, standalone journal theme made for Asif Amod. Locally hosted Literata and Lato; no parent theme.
Version: 1.0.3
Author: Asif Amod
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: asif-journal
License: GPL-2.0-or-later
*/
@font-face{font-family:Literata;font-style:normal;font-weight:400 700;font-display:swap;src:url(assets/fonts/literata-latin.ttf) format('truetype')}
@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/lato-400-latin.ttf) format('truetype')}
@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(assets/fonts/lato-700-latin.ttf) format('truetype')}
@font-face{font-family:Literata;font-style:italic;font-weight:400 700;font-display:swap;src:url(assets/fonts/literata-italic.ttf) format('truetype')}
*{box-sizing:border-box}body{margin:0;background:#fff;color:#111}
.site{--ink:#111;--soft:#595959;--green:#1d5c43;--serif:"Literata","Iowan Old Style",Charter,Georgia,serif;--sans:Lato,"Helvetica Neue",Arial,sans-serif;
  container:site/inline-size;background:#fff;color:var(--ink);font-family:var(--serif);font-size:19px;line-height:1.6;text-align:left}
.site a{color:inherit;text-decoration:none}
.site img{display:block;max-width:100%}
.pad{padding-inline:80px}
.top{display:flex;align-items:center;justify-content:space-between;padding-block:32px}
.mark{font-weight:650;font-size:27px;letter-spacing:-.01em}
.nav{display:flex;gap:34px;align-items:center;font:400 16px var(--sans)}
.nav .sub{border:1.5px solid var(--ink);padding:9px 18px;font-weight:700}
.nav .menu{display:none}
.lede{padding-block:64px 84px}
.lede h1{font-weight:500;font-size:53px;line-height:1.15;letter-spacing:-.02em;margin:0;max-width:1000px;text-wrap:balance}
.lede p{font-size:21px;line-height:1.55;color:#333;margin:28px 0 0;max-width:60ch}
.feat{display:grid;grid-template-columns:7fr 5fr;gap:56px;align-items:end;padding-bottom:104px}
.feat img{width:100%;aspect-ratio:3/2;object-fit:cover}
.feat .kick{font:700 15px var(--sans);color:var(--green);margin:0 0 14px}
.feat h2{font-weight:600;font-size:42px;line-height:1.12;letter-spacing:-.015em;margin:0 0 18px;text-wrap:balance}
.feat p{margin:0 0 26px;color:#333}
.go{font:700 16px var(--sans);border-bottom:2px solid var(--ink);padding-bottom:3px}
.year{display:grid;grid-template-columns:170px 1fr;align-items:baseline;border-top:3px solid var(--ink);padding-top:14px}
.year b{font-weight:600;font-size:44px;line-height:1.1;letter-spacing:-.02em}
.year span{font:400 16px var(--sans);color:var(--soft)}
.row{display:grid;grid-template-columns:170px 1fr 190px;padding-block:26px;align-items:start;border-top:1px solid #e3e3e3}
.year + .row{border-top:0}
.row time{padding-top:10px;font:400 16px var(--sans);color:var(--soft);font-variant-numeric:tabular-nums}
.row h3{font-weight:600;font-size:29px;line-height:1.2;letter-spacing:-.01em;margin:0 0 6px}
.row p{margin:0;font-size:18px;line-height:1.5;color:#444;max-width:60ch}
.row .t{padding-top:10px;font:700 15px var(--sans);color:var(--green);text-align:right}
.row .t img{width:170px;margin:12px 0 0 auto}
.list{padding-bottom:26px}
.list + .list{padding-top:44px}
.all{display:block;margin:6px 0 0 170px;width:max-content}
.topics{padding-block:96px}
.lab{font:700 15px var(--sans);color:var(--soft);margin:0 0 18px}
.tp{display:flex;flex-wrap:wrap;gap:8px 30px;font-size:38px;line-height:1.3;font-weight:500;letter-spacing:-.015em}
.tp a{border-bottom:2px solid var(--green)}
.tp i{font:400 16px var(--sans);color:var(--soft);margin-left:6px;letter-spacing:0}
.band{background:var(--ink);color:#fff;padding-block:76px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.band h2{font-weight:500;font-size:36px;line-height:1.2;margin:0;letter-spacing:-.015em}
.band p{font:400 17px var(--sans);color:rgba(255,255,255,.76);margin:12px 0 0}
.form{display:flex;gap:10px}
.form input{flex:1;min-width:0;background:transparent;border:1.5px solid rgba(255,255,255,.85);color:#fff;font:400 17px var(--sans);padding:15px 16px;border-radius:0}
.form input::placeholder{color:rgba(255,255,255,.74)}
.form button{background:#fff;color:#111;border:0;font:700 16px var(--sans);padding:15px 26px}
.about{display:grid;grid-template-columns:170px 1fr;padding-block:92px}
.about div{max-width:64ch}
.about p{margin:0 0 1em}
.foot{display:flex;justify-content:space-between;gap:20px;padding-block:28px;border-top:1px solid #ddd;font:400 15px var(--sans);color:var(--soft)}

.art{display:grid;grid-template-columns:210px 700px;gap:0 50px;padding-top:52px}
.meta{font:400 16px/1.7 var(--sans);color:var(--soft);padding-top:16px}
.meta b{display:block;color:var(--green)}
.art h1{font-weight:600;font-size:54px;line-height:1.1;letter-spacing:-.022em;margin:0;text-wrap:balance}
.stand{font-size:25px;line-height:1.45;color:#333;margin:24px 0 0}
.cover{grid-column:2;width:calc(100% + 80px);max-width:none!important;margin-block:46px}
.toc{font:400 15px/1.45 var(--sans);color:var(--soft)}
.toc h2{font:700 15px var(--sans);color:var(--ink);margin:0 0 12px}
.toc ol{list-style:none;margin:0;padding:0}
.toc li{margin:0 0 11px}
.body p{font-size:21px;line-height:1.72;margin:0 0 1.2em}
.body .q{font-size:32px;line-height:1.28;font-weight:500;letter-spacing:-.015em;margin:1.3em 0;text-wrap:balance}
.body h2{font-size:32px;line-height:1.2;font-weight:600;margin:1.9em 0 .6em;letter-spacing:-.012em}
.body .cont{font:400 16px var(--sans);color:var(--soft);margin:0 0 3em}
.inl{display:grid;grid-template-columns:1fr 330px;gap:24px;align-items:center;border-block:1.5px solid var(--ink);padding-block:22px;margin-block:42px}
.inl strong{display:block;font-size:21px;line-height:1.3}
.inl span{display:block;font:400 15px var(--sans);color:var(--soft);text-wrap:balance}
.inl input{border-color:var(--ink);color:var(--ink);padding:12px 14px}
.inl input::placeholder{color:var(--soft)}
.inl button{background:var(--ink);color:#fff;padding:12px 18px}
.next{padding-block:20px 70px}
.next .year{grid-template-columns:1fr}

@media (max-width:1000px){
  .pad{padding-inline:22px}
  .top{padding-block:18px}
  .mark{font-size:23px}
  .nav{gap:16px}
  .nav a{display:none}
  .nav .sub,.nav .menu{display:block}
  .nav .sub{padding:7px 12px;font-size:15px}
  .lede{padding-block:30px 46px}
  .lede h1{font-size:30px;line-height:1.22}
  .lede p{font-size:18px;margin-top:20px}
  .feat{grid-template-columns:1fr;gap:22px;padding-bottom:58px}
  .feat h2{font-size:30px}
  .year{grid-template-columns:1fr auto}
  .year b{font-size:34px}
  .row{grid-template-columns:1fr;padding-block:20px}
  .row time{padding:0 0 4px}
  .row h3{font-size:23px}
  .row .t{text-align:left;padding-top:8px}
  .row .t img{display:none}
  .all{margin-left:0}
  .topics{padding-block:56px}
  .tp{font-size:25px;gap:6px 20px}
  .band{grid-template-columns:1fr;gap:26px;padding-block:50px}
  .band h2{font-size:27px}
  .band .form{flex-direction:column}
  .about{grid-template-columns:1fr;padding-block:56px}
  .foot{flex-direction:column;gap:6px}
  .art{grid-template-columns:1fr;padding-top:22px}
  .meta{padding:0 0 12px}
  .art h1{font-size:34px}
  .stand{font-size:20px}
  .cover{grid-column:1;width:calc(100% + 44px);margin:28px -22px}
  .toc{display:none}
  .body p{font-size:19px;line-height:1.7}
  .body .q{font-size:25px}
  .body h2{font-size:26px}
  .inl{grid-template-columns:1fr}
}

.site{max-width:1200px;margin:auto;container:none}
.site a:hover{text-decoration:underline;text-underline-offset:4px}
.site a:focus-visible,.site button:focus-visible,.site input:focus-visible,.site textarea:focus-visible,.site select:focus-visible,.site summary:focus-visible{outline:3px solid #1d5c43;outline-offset:5px}
button,input,textarea,select{font:inherit}button,a,input[type=submit]{touch-action:manipulation}
.skip{position:absolute;left:22px;top:-100px;background:#fff;color:#111;z-index:100000;padding:12px}.skip:focus{top:40px}
.site h1,.site h2,.site h3{color:#111}
.site .nav .sub{color:#111}.site .band h2,.site .band h3{color:#fff}
.nav button{border:0;background:none;padding:10px 0;font:inherit;color:inherit;cursor:pointer}
.mobile-nav{border-block:1px solid #ddd;padding-block:18px;display:grid;gap:16px;font:400 17px/1.5 var(--sans)}
.mobile-nav[hidden]{display:none}
.mobile-nav form{margin:0}.search-form{display:flex;gap:12px;align-items:stretch;max-width:600px;flex-wrap:wrap}
.search-form label{flex:1;min-width:160px}.search-form input{width:100%;height:100%}
input:not([type=hidden]):not([type=checkbox]):not([type=radio]),textarea,select{border:1px solid #111;background:#fff;color:#111;border-radius:0;padding:12px 14px;max-width:100%}
button,input[type=submit]{border:1px solid #111;border-radius:0;background:#111;color:#fff;padding:12px 20px;cursor:pointer;font:700 16px/1.4 var(--sans)}
input[type=checkbox],input[type=radio]{accent-color:#1d5c43}
.feat.no-cover{display:block;border-top:3px solid #111;padding-top:28px}.feat.no-cover>div{max-width:820px}.feat.no-cover h2{font-size:48px}
.feat>div,.row>div{min-width:0}.row{gap:0 20px}.row .t{overflow-wrap:anywhere}.row h3 a{color:inherit}
.site .t a,.site .meta a,.site .kick,.site .tp a,.body a{color:var(--green)}
.meta span{display:block}.art{grid-template-columns:210px minmax(0,700px)}
.art.no-cover .toc,.art.no-cover .body{margin-top:42px}.art .body{grid-column:2;min-width:0}
.cover{height:auto;object-fit:cover}.art-title .stand{margin-bottom:0}
.toc{align-self:start;position:sticky;top:55px;max-height:calc(100vh - 80px);overflow:auto;padding-right:4px}
.toc a{display:block}.toc:empty{display:none}
.body{font-size:21px;line-height:1.72;overflow-wrap:anywhere}
.body p{font-size:inherit}.body li{margin-bottom:.4em}.body ul,.body ol{padding-left:1.5em}
.body h2,.body h3{scroll-margin-top:65px}.body h3{font-size:27px;line-height:1.3;margin:1.6em 0 .6em}
.body h4{font-size:23px}.body a{text-decoration:underline;text-underline-offset:3px}
.body blockquote{border:0;padding:0;margin:1.3em 0;font-size:32px;line-height:1.28;font-weight:500;letter-spacing:-.015em}
.body blockquote p{font:inherit;margin:0 0 .6em}.body blockquote cite{font:400 16px/1.5 var(--sans);color:var(--soft)}
.body img{height:auto}.body figure,.body .wp-caption{max-width:100%;margin:1.5em 0}.body figcaption,.body .wp-caption-text{font:400 15px/1.5 var(--sans);color:var(--soft);margin-top:12px}
.body pre{white-space:pre;overflow:auto;font:15px/1.6 monospace;border-block:1px solid #ddd;padding:20px 0;max-width:100%}
.body table{width:100%;display:block;overflow:auto;border-collapse:collapse;font-size:18px}.body td,.body th{padding:10px;border:1px solid #ddd}
.body iframe,.body video,.body svg{max-width:100%}.body iframe{border:0}.body hr{border:0;border-top:1px solid #ddd;margin:2em 0}
.body .alignleft{float:left;margin-right:24px}.body .alignright{float:right;margin-left:24px}.body:after{content:'';display:table;clear:both}
.body .article-contents{font:400 16px/1.6 var(--sans);border-block:1px solid #ddd;padding:20px 0;margin:30px 0}
.body .article-contents p{margin:0 0 10px}.body .article-contents ol{margin:0}
.newsletter-signup-form{margin:0}.newsletter-signup-form .form-group{display:flex;gap:10px}
.newsletter-email-input{flex:1;min-width:0;width:100%}.newsletter-submit-btn{flex-shrink:0}
.newsletter-title{font:500 36px/1.2 var(--serif);margin:0;letter-spacing:-.015em}
.newsletter-description{font:400 17px/1.5 var(--sans);margin:12px 0 0}
.newsletter-message{font:400 16px/1.5 var(--sans);grid-column:1/-1}
.band{display:block}.band .custom-newsletter-form{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;align-items:center}.band .newsletter-title{grid-column:1}.band .newsletter-description{grid-column:1;color:rgba(255,255,255,.76)}.band .newsletter-signup-form{grid-column:2;grid-row:1/3}
.band .newsletter-email-input{background:transparent!important;border:1.5px solid #fff!important;color:#fff!important;padding:15px 16px!important;font:400 17px var(--sans)}.band input::placeholder{color:#ddd}
.band .newsletter-submit-btn{background:#fff;color:#111;border:0;padding:15px 26px}
.inline-signup-wrapper{border-block:1.5px solid #111;padding-block:22px;margin-block:42px}
.inline-signup-wrapper .custom-newsletter-form{display:grid;grid-template-columns:minmax(0,1fr) 330px;column-gap:24px;align-items:center}
.inline-signup-wrapper .newsletter-title{font:600 21px/1.3 var(--serif);grid-column:1;margin:0}
.inline-signup-wrapper .newsletter-description{font:400 15px/1.5 var(--sans);grid-column:1;margin:6px 0 0;color:var(--soft)}
.inline-signup-wrapper .newsletter-signup-form{grid-column:2;grid-row:1/3}
.inline-signup-wrapper input{font:400 16px/1.4 var(--sans)}.inline-signup-wrapper button{padding:12px 18px}
.comments-area{max-width:700px;margin:35px 80px 80px 340px;border-top:3px solid #111;padding-top:24px}
.comments-area h2{font-size:32px;line-height:1.2}.comment-list{padding:0;list-style:none}.comment-list .children{list-style:none;padding-left:24px}.comment-body{border-bottom:1px solid #ddd;padding:24px 0}
.comment-metadata,.comment-notes,.logged-in-as,.comment-reply-link,.comment-form label{font:400 15px/1.6 var(--sans)}
.comment-form label{display:block;margin-bottom:7px}.comment-form textarea{width:100%;min-height:180px}.comment-form input:not([type=checkbox]):not([type=submit]){width:100%}.comment-form-cookies-consent label{display:inline}.comment-form-cookies-consent input{margin-right:10px}
.ordinary{padding-block:52px 80px}.ordinary>h1,.archive-head h1{font-size:54px;line-height:1.1;letter-spacing:-.022em;font-weight:600;margin:0 0 40px}
.ordinary>.body{max-width:700px;margin:auto}.ordinary>h1{max-width:900px;margin-inline:auto}
.archive-head{padding-block:52px}.archive-head .body{max-width:700px}.pagination{font:700 16px/1.6 var(--sans);display:flex;gap:16px;padding-block:30px 70px;flex-wrap:wrap}.pagination .page-numbers{padding:8px 12px;border:1px solid #ddd}.pagination .current{background:#111;color:#fff}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 16px}.foot a{white-space:nowrap}
@media(min-width:1001px){.nav .menu{display:none}.mobile-nav{display:none}}
@media(max-width:1000px){
 .site{width:100%}.nav .menu{display:block}.nav .sub{display:block}.top{gap:12px}.nav{gap:16px}
 .art{grid-template-columns:minmax(0,1fr)}.art .body{grid-column:1}.art.no-cover .body{margin-top:28px}.cover{max-width:calc(100% + 44px)!important}
 .body{font-size:19px;line-height:1.7}.body h3{font-size:23px}.body blockquote{font-size:25px}
 .comments-area{max-width:none;margin:25px 22px 56px}.ordinary{padding-block:28px 56px}.ordinary>h1,.archive-head h1{font-size:34px}
 .band .custom-newsletter-form{grid-template-columns:1fr;gap:0}.band .newsletter-signup-form{grid-column:1;grid-row:auto;margin-top:26px}.band .form-group{flex-direction:column}
 .newsletter-title{font-size:27px}.inline-signup-wrapper .custom-newsletter-form{grid-template-columns:1fr;gap:0}.inline-signup-wrapper .newsletter-signup-form{grid-column:1;grid-row:auto;margin-top:20px}
 .inline-signup-wrapper .form-group{flex-wrap:wrap}.inline-signup-wrapper input{flex-basis:180px}.feat.no-cover h2{font-size:30px}
 .body .alignleft,.body .alignright{float:none;margin-inline:0}.archive-head{padding-block:28px}.row{gap:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.top,.toc,.inline-signup-wrapper,.comments-area,.next,.foot{display:none}.site{max-width:none}.art{display:block}.cover{width:100%;margin-inline:0}.body{font-size:12pt}.body a{color:#111}.pad{padding-inline:0}}

.more-topics{margin-top:24px;font:400 16px/1.5 var(--sans)}.more-topics summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px}.more-topics .tp{font-size:23px;margin-top:20px;gap:10px 24px}.tp>span{display:inline-block}.site .nav .sub{background:#fff}