/*
Theme Name: Piskesoft Studio
Theme URI: https://www.piskesoft.com/
Author: Piskesoft
Description: 青い開発室。作品、読みもの、日記をまとめたPiskesoft専用テーマ。更新間隔の表示に対応。
Version: 1.0.2
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: piskesoft-studio
Tags: blog, two-columns, custom-menu, editor-style, featured-images, threaded-comments
*/
:root{--bg:#f7f9fc;--paper:#fff;--text:#21344c;--muted:#54657a;--line:#d9e2ee;--blue:#205c9f;--tint:#eaf1fa}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.85 -apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;overflow-wrap:anywhere}a{color:var(--blue);text-underline-offset:4px}a:hover{text-decoration-thickness:2px}h1,h2,h3,h4{line-height:1.55}h1,h2,h3,p{margin-top:0}img,video{max-width:100%;height:auto}iframe{max-width:100%}button,input,textarea,select{font:inherit}input,textarea,select{max-width:100%;border:1px solid var(--line);border-radius:4px;padding:9px 12px;background:var(--paper);color:var(--text)}textarea{width:100%}button,input[type=submit]{cursor:pointer;padding:9px 18px;border:1px solid var(--blue);border-radius:4px;background:var(--blue);color:#fff}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6b9fd0;outline-offset:4px}.screen-reader-text,.skip-link{clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;position:absolute;white-space:nowrap}.skip-link:focus{clip:auto;clip-path:none;width:auto;height:auto;top:10px;left:10px;padding:10px 20px;background:var(--paper);z-index:100000}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner,.footer-inner{max-width:1100px;margin:auto;padding:23px 5%;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}.site-logo{font-size:24px;font-weight:600;letter-spacing:-1px;color:var(--text);text-decoration:none}.site-nav ul,.site-footer ul{list-style:none;padding:0;margin:0;display:flex;gap:22px;flex-wrap:wrap}.site-nav{font-size:13px}.site-nav a{color:var(--text);text-decoration:none;display:inline-block;padding:5px 0}.site-nav a:hover,.site-nav [aria-current],.site-nav .current-menu-item>a{color:var(--blue);text-decoration:underline;text-underline-offset:8px}.site-nav .sub-menu{display:block;padding-left:14px;font-size:12px}.site-main{max-width:1100px;padding:25px 6% 48px;margin:auto}.home-main{padding-top:0}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--blue);margin-bottom:14px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center;padding:56px 0 40px}.hero h1{font-size:clamp(30px,4vw,44px);font-weight:500;line-height:1.45;letter-spacing:.03em;margin-bottom:18px}.intro-text{font-size:14px;color:var(--muted);margin-bottom:0}.hello-note{border:1px solid var(--line);background:var(--paper);padding:24px;border-radius:5px;transform:rotate(2deg);box-shadow:6px 6px 0 var(--tint)}.note-header{display:flex;justify-content:space-between;gap:12px;color:var(--blue);font-size:11px;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:20px}.hello-note h2{font-size:20px;font-weight:500;margin-bottom:10px}.hello-note p{font-size:13px;color:var(--muted);margin:0}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.entry-card{padding:21px;background:var(--paper);border:1px solid var(--line);border-radius:5px;position:relative;color:var(--text);text-decoration:none}.entry-card:hover{border-color:var(--blue)}.entry-card h2{font-size:18px;font-weight:500;margin:15px 0 7px}.entry-card p{font-size:12px;color:var(--muted);margin:0}.arrow{position:absolute;top:19px;right:20px;color:var(--blue)}.home-lower{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;margin-top:43px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);padding-bottom:13px}.section-heading h2{font-size:17px;font-weight:500;margin:0}.section-heading>span{font-size:11px;color:var(--muted)}.home-row{display:block;border-bottom:1px solid var(--line);padding:16px 0;color:var(--text);text-decoration:none}.home-row:hover h3{text-decoration:underline}.home-row h3{font-size:14px;font-weight:500;margin:4px 0 0}.home-row p,.small-label{font-size:12px;color:var(--muted);margin:4px 0 0}.small-label{font-size:11px}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;flex-wrap:wrap}.breadcrumb a{color:inherit;text-decoration:none}.page-intro{padding:27px 0 32px;border-bottom:1px solid var(--line)}.page-intro h1{font-size:clamp(25px,3.7vw,36px);font-weight:500;letter-spacing:.03em;margin:0}.page-intro p,.archive-description{font-size:14px;color:var(--muted);margin:12px 0 0}.diary-columns{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:48px;margin-top:28px}.list-label{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;padding-bottom:5px}.diary-entry{padding:25px 0;border-bottom:1px solid var(--line)}.post-meta{font-size:12px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:9px}.elapsed{margin-left:-5px}.single-entry .elapsed{margin-left:0}.post-categories{margin-left:4px}.post-categories a{text-decoration:none}.diary-entry h2{font-size:20px;font-weight:500;margin:0 0 11px}.diary-entry h2 a{color:var(--text);text-decoration:none}.diary-entry h2 a:hover{text-decoration:underline}.excerpt{font-size:14px;color:var(--muted);line-height:1.95;margin:0}.read-more{display:inline-flex;align-items:center;font-size:12px;margin-top:12px;min-height:36px;text-decoration:none}.diary-sidebar{border-left:1px solid var(--line);padding-left:24px;font-size:13px}.diary-sidebar section{margin-bottom:30px}.diary-sidebar h2{font-size:14px;font-weight:500;margin:0 0 14px}.diary-sidebar ul{list-style:none;padding:0;margin:0}.diary-sidebar li{margin-bottom:8px}.diary-sidebar a{color:var(--text);text-decoration:none}.diary-sidebar a:hover{text-decoration:underline}.diary-sidebar .children{padding-left:10px}.year-list{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.diary-sidebar details{margin-top:13px;color:var(--muted);font-size:12px}.diary-sidebar summary{cursor:pointer;min-height:34px}.diary-note{background:var(--tint);padding:17px;font-size:12px;color:var(--muted)}.diary-note strong{display:block;color:var(--text);font-weight:500;margin-bottom:5px}.diary-note p{margin:0}.search-form label{display:block;font-size:13px}.search-form label span{display:block;margin-bottom:8px}.search-form input{width:100%;min-width:0;font-size:16px}.search-form button{margin-top:9px;font-size:13px}.pagination{padding-top:28px}.nav-links{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.page-numbers{display:inline-block;padding:8px 13px;border:1px solid var(--line);border-radius:4px;background:var(--paper);text-decoration:none}.page-numbers.current{background:var(--blue);color:#fff}.single-main{max-width:900px}.article-header{padding:35px 0 25px;border-bottom:1px solid var(--line);margin-bottom:30px}.article-header h1{font-size:clamp(26px,4vw,36px);font-weight:500;margin:14px 0 0}.entry-content{font-size:17px;line-height:1.95;display:flow-root}.entry-content p{margin:0 0 1.65em}.entry-content h2{font-size:25px;margin:2em 0 .9em;border-bottom:1px solid var(--line);padding-bottom:10px}.entry-content h3{font-size:21px;margin:1.6em 0 .8em}.entry-content pre{max-width:100%;overflow:auto;background:#182b41;color:#e4edf7;padding:22px;border-radius:5px;font-size:14px;line-height:1.75;white-space:pre}.entry-content code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.entry-content :not(pre)>code{background:var(--tint);padding:2px 5px;border-radius:3px;overflow-wrap:anywhere}.entry-content blockquote{margin:24px 0;padding:16px 24px;border-left:3px solid var(--blue);background:var(--tint)}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content table{max-width:100%;border-collapse:collapse;display:block;overflow-x:auto;font-size:15px}.entry-content th,.entry-content td{padding:10px;border:1px solid var(--line)}.entry-content .wp-block-table table{display:table}.wp-block-table{overflow-x:auto}.entry-content figure{max-width:100%;margin-left:0;margin-right:0}.entry-content figcaption,.wp-caption-text{font-size:13px;color:var(--muted)}.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignleft{float:left;margin:0 24px 16px 0}.alignright{float:right;margin:0 0 16px 24px}.alignwide,.alignfull{width:100%;max-width:100%}.gallery{display:flex;flex-wrap:wrap;gap:14px}.gallery-item{flex:1 1 180px}.post-navigation{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-top:40px;font-size:14px}.post-navigation .nav-links>div{flex:1;min-width:180px}.nav-next{text-align:right}.post-navigation span{font-size:12px;color:var(--muted)}.post-tags{font-size:13px;margin-top:24px}.post-tags a{margin-right:8px}.comments-area{margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}.comments-area h2,.comment-reply-title{font-size:21px;font-weight:500}.comment-list{padding-left:0;list-style:none}.comment-list .children{padding-left:22px;list-style:none}.comment-body{padding:20px 0;border-bottom:1px solid var(--line)}.comment-meta{font-size:13px}.comment-author img{border-radius:50%;vertical-align:middle;margin-right:8px}.comment-content{margin-top:14px}.comment-form label{display:block}.comment-form-cookies-consent label{display:inline}.comment-form input:not([type=checkbox]):not([type=submit]){width:100%}.comment-notes,.logged-in-as,.comment-metadata{font-size:13px;color:var(--muted)}.bypostauthor>.comment-body{border-left:2px solid var(--blue);padding-left:15px}.sticky h2:before{content:'ピン留め · ';font-size:12px;color:var(--blue)}.site-footer{border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.site-footer a{color:inherit;text-decoration:none}.footer-inner{padding-top:20px;padding-bottom:20px}.empty-message{padding:25px 0}.page-links{margin:24px 0}
@media(max-width:700px){.hero,.entry-grid,.home-lower,.diary-columns{grid-template-columns:1fr}.hero{padding-top:32px;gap:25px}.hello-note{transform:none}.home-lower{gap:30px;margin-top:30px}.entry-card{padding:17px 20px}.entry-card h2{margin-top:5px}.header-inner{gap:12px}.site-nav .menu{gap:14px}.site-nav a{min-height:40px}.diary-columns{gap:32px}.diary-sidebar{border-left:0;border-top:1px solid var(--line);padding:25px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:22px}.diary-sidebar section{margin:0}.diary-note{grid-column:1/-1}.diary-entry h2{font-size:19px}.read-more{min-height:44px}.entry-content{font-size:16px}.alignleft,.alignright{float:none;display:block;margin:18px auto}.section-heading{flex-wrap:wrap}.entry-content pre{font-size:13px;padding:16px}.site-main{padding-left:6%;padding-right:6%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{body{background:#fff;color:#000}.site-nav,.diary-sidebar,.comments-area,.pagination,.post-navigation,.site-footer,.skip-link{display:none}.site-main{max-width:none;padding:0}.diary-columns{display:block}.hello-note{transform:none;box-shadow:none}a{color:inherit}.entry-content pre{white-space:pre-wrap;color:#000;background:#eee}}

/* The entire introduction card links to the profile. */
a.hello-note{display:block;color:var(--text);text-decoration:none}a.hello-note:hover{border-color:var(--blue)}

/* Quiet guidance to the separate company website. */
.company-note{margin:22px 0 0;font-size:12px;line-height:1.9;color:var(--muted)}.company-note a{color:var(--blue);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.company-note a:hover{text-decoration-color:currentColor}.company-footer{max-width:1100px;margin:auto;padding:20px 5% 0;display:flex;gap:6px 16px;align-items:baseline;flex-wrap:wrap;font-size:12px}.site-footer .company-footer a{color:var(--blue);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:4px}.site-footer .company-footer a:hover{text-decoration-color:currentColor}
