/*
Theme Name: AFU Blog
Description: Simple responsive blog for the afu.tw hosting migration.
Version: 1.0.0
Requires PHP: 8.0
*/
:root{--ink:#172b3a;--muted:#607484;--accent:#986414;--line:#dde4e8}*{box-sizing:border-box}body{margin:0;background:#fafbfc;color:var(--ink);font-family:system-ui,-apple-system,"Noto Sans TC",sans-serif;font-size:18px;line-height:1.85}a{color:#235a7d;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--accent)}.wrap{max-width:1180px;margin:auto;padding:0 28px}.site-head{background:#fff;border-bottom:1px solid var(--line);padding:22px 0}.head-row{display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.brand{font-size:25px;font-weight:800;text-decoration:none;color:var(--ink)}.nav ul{display:flex;list-style:none;padding:0;margin:0;gap:20px;flex-wrap:wrap;font-size:15px}.nav a{text-decoration:none}.hero{padding:58px 0 35px}.hero h1{font-size:42px;line-height:1.35;margin:0 0 14px}.hero p{margin:0;color:var(--muted)}.layout{display:grid;grid-template-columns:minmax(0,820px) 260px;gap:48px;padding-top:38px;padding-bottom:64px}.reading{background:white;padding:38px 44px;border:1px solid var(--line);border-radius:12px;min-width:0}.reading h1{font-size:34px;line-height:1.45;margin:0 0 15px}.meta{font-size:15px;color:var(--muted);margin-bottom:28px}.content{overflow-wrap:anywhere}.content img,.content video,.content iframe{max-width:100%;height:auto}.content iframe{aspect-ratio:16/9;width:100%}.content table{display:block;overflow:auto}.content h1{font-size:29px}.content h2{font-size:26px;margin-top:1.8em}.content h3{font-size:22px}.content .column,.content .section,.content .section_wrapper,.content .wrap{max-width:100%;width:auto;float:none;padding:0}.content .image_frame{margin:18px 0}.content p{margin:1em 0}.wp-caption{max-width:100%}.wp-caption-text{font-size:14px;color:var(--muted)}.sidebar{font-size:15px}.sidebar h2{font-size:20px}.sidebar ul{padding-left:20px}.side-box{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid var(--line)}input,textarea,button{font:inherit;max-width:100%}input,textarea{border:1px solid #bbcbd4;border-radius:6px;padding:9px 12px}button,input[type=submit]{background:var(--ink);color:white;border:0;border-radius:6px;padding:9px 17px;cursor:pointer}.cards{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-bottom:50px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.card img{width:100%;height:210px;object-fit:cover;border-radius:7px}.card h2{font-size:24px;line-height:1.5;margin:16px 0 10px}.card h2 a{text-decoration:none;color:var(--ink)}.card p{font-size:16px;color:var(--muted);margin:0}.pager{margin:20px 0 45px}.pager .page-numbers{padding:6px 12px}.site-foot{border-top:1px solid var(--line);padding:28px 0;font-size:14px;color:var(--muted)}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;background:#fff;padding:8px;z-index:999}.comment-list{padding-left:20px}.comment-list .children{padding-left:20px}.comment-form label{display:block}.comment-form textarea{width:100%}.comment-form-cookies-consent label{display:inline}.content pre{overflow:auto}.content blockquote{border-left:3px solid var(--line);margin:24px 0;padding-left:20px}.related{border-top:1px solid var(--line);margin-top:36px;padding-top:18px}@media(max-width:900px){.layout{grid-template-columns:1fr;gap:25px}.sidebar{display:none}.hero h1{font-size:34px}.reading{padding:28px}}@media(max-width:600px){.wrap{padding:0 18px}.cards{grid-template-columns:1fr}.reading{padding:24px 20px}.reading h1{font-size:28px}.hero{padding:35px 0 25px}.nav ul{gap:10px 16px}.brand{font-size:23px}}

.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.search-form{display:flex;gap:6px;max-width:300px;font-size:14px}.search-form input{width:170px;min-width:0}.search-form button{padding:9px 12px;white-space:nowrap}.site-head .search-form{max-width:260px}