/* Diary entry page only: the rules Jim's uber-diary/index.html adds to the pitch stylesheet, incl. the comment box. Source: Jim's uber-diary/ files (zip v5, 12 Oct 2026), copied verbatim; WordPress adaptations at the end. */
.hub{max-width:900px}
.hub p{max-width:40em;margin:0 0 16px;font-size:20px}
.three{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;list-style:none;margin:30px 0 10px;padding:0}
.three a{display:flex;flex-direction:column;height:100%;text-decoration:none;background:var(--panel);border:1px solid var(--rule);border-top:6px solid var(--c);padding:22px 22px 20px}
.three a:hover{background:var(--c-t)}
.three b{font-family:var(--display);font-size:30px;font-weight:500;line-height:1.1;margin-bottom:10px}
.three span{font-size:18px;color:var(--soft);line-height:1.45}
.three i{font-style:normal;font-family:var(--display);font-size:19px;color:var(--c);margin-top:auto;padding-top:14px}
.ask{background:var(--panel);border:1px solid var(--rule);border-left:8px solid var(--c);padding:26px 28px;margin:40px 0 60px;max-width:900px}
.ask h2{font-family:var(--display);font-weight:400;font-size:36px;line-height:1.1;margin:0 0 10px}
.ask label{display:block;font-family:var(--display);font-size:19px;margin:16px 0 6px}
.ask input,.ask textarea{width:100%;font:inherit;font-size:19px;padding:10px 12px;border:1.5px solid var(--ink);background:#FAF6EC;color:var(--ink)}
.ask textarea{min-height:150px;resize:vertical}
.ask button{margin-top:18px;font-family:var(--display);font-size:21px;padding:12px 24px 10px;border:1.5px solid var(--ink);background:var(--c-t);color:var(--ink);cursor:pointer}
.ask button:hover{background:#FAF6EC}
.ask input:focus-visible,.ask textarea:focus-visible,.ask button:focus-visible,.three a:focus-visible{outline:3px solid #D49A1A;outline-offset:2px}
.ask .small{font-size:17px;color:var(--soft);margin:12px 0 0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.clist{margin:34px 0 10px}
.clist h2{font-family:var(--display);font-weight:500;font-size:30px;margin:0 0 14px}
#comments{list-style:none;margin:0;padding:0;display:grid;gap:14px}
#comments li{background:var(--panel);border:1px solid var(--rule);border-left:6px solid var(--c);padding:16px 20px}
.cmeta{margin:0 0 8px;font-family:var(--display);font-size:18px;color:var(--soft)} .cmeta b{color:var(--ink);font-weight:600}
.cbody{margin:0;font-size:19px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}
.crem{margin-top:12px;font:inherit;font-size:17px;padding:7px 14px;border:1.5px solid var(--c);background:var(--c-t);color:var(--ink);cursor:pointer}
.linkbtn{font:inherit;font-size:16px;background:none;border:0;padding:0;color:var(--soft);text-decoration:underline;cursor:pointer}

/* ===== WordPress adaptations (block markup -> Jim's look). Nothing above this line is changed. ===== */
/* .three cards: the card box is the <li>; title, line and "Read ... ->" are paragraphs. */
.three>.card-link{display:flex;flex-direction:column;height:100%;background:var(--panel);border:1px solid var(--rule);border-top:6px solid var(--c);padding:22px 22px 20px}
.three>.card-link:hover{background:var(--c-t)}
.hub .three .card-t{font-family:var(--display);font-size:30px;font-weight:500;line-height:1.1;margin:0 0 10px}
.hub .three .card-d{font-size:18px;color:var(--soft);line-height:1.45;margin:0}
.hub .three .card-go{font-style:normal;font-family:var(--display);font-size:19px;color:var(--c);margin:auto 0 0;padding-top:14px}
.three>.card-link:has(a:focus-visible){outline:3px solid #D49A1A;outline-offset:2px}
.three .card-link a:focus-visible{outline:none}
/* Comment form: Jim's fields are inside a <form> here (it posts to WordPress). */
.ask form{display:contents}
main section.ask form>*{grid-column:2}
/* Jim's ".three a" card rules belong to the card (the <li> here), not to the link inside it. */
.three .card-link a{display:inline;height:auto;padding:0;border:0;background:none;font:inherit;color:inherit}
.three .card-link a:hover{background:none}
@media (max-width:860px){main section.ask form>*{grid-column:1}}