/* CASKO shared visual identity - presentation only */
body{background:linear-gradient(145deg,#fffaf3,#f7f0e6);color:#35251b}
header,header.site-header,#mypage-header{background:linear-gradient(110deg,#29180f,#4b2a19 75%,#2c1a11);border-bottom:1px solid #6d4730;color:#fff6e9}
header a,header.site-header a,#mypage-header a{color:#fff1df;text-decoration:none}
header a:hover,header.site-header a:hover{color:#f3d0a0}
.casko-brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:#fff6e9;font-weight:normal}
.casko-mark{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #b89060;border-radius:10px;color:#d5ac76;font-size:24px;line-height:1}
.casko-word{font-family:Georgia,serif;font-size:29px;letter-spacing:2px;line-height:1}
.casko-word small{display:block;font:9px Arial,sans-serif;letter-spacing:2px;margin-top:6px;color:#dfc2a3}
main h1{color:#3b2115}
section,.panel,.detail-container,.info-section,.auth-card{border-color:#e8d6c0;box-shadow:0 5px 20px #553a2310}
button:not(:disabled){transition:filter .2s}
button:hover:not(:disabled){filter:brightness(1.08)}
@media(max-width:768px){.casko-word{font-size:24px}.casko-mark{width:34px;height:34px}header.site-header{gap:14px}}

/* Profile and account pages */
#mypage-header{display:flex;align-items:center;gap:24px;padding:22px max(20px,calc((100vw - 1100px)/2));}
#mypage-header a:first-child{font-family:Georgia,'Malgun Gothic',serif;font-size:25px;letter-spacing:1px;color:#f4d2a4;}
#mypage-header a:last-child{margin-left:auto;}
body:has(#mypage-header) main{max-width:920px;margin:48px auto;}
body:has(#mypage-header) main>h1{font-family:Georgia,'Malgun Gothic',serif;font-size:34px;border-left:5px solid #8c4c24;padding-left:15px;}
body:has(#mypage-header) section{background:#fffdf9;border:1px solid #e8d6c0;border-radius:18px;padding:30px;box-shadow:0 5px 20px #553a2310;}
body:has(#mypage-header) section h2{color:#432919;}
body:has(#mypage-header) .review{padding:20px 0;}
body:has(#mypage-header) .avatar-row img{border:3px solid #e3c59f;}
@media(max-width:700px){#mypage-header{padding:18px;flex-wrap:wrap;}body:has(#mypage-header) section{padding:20px;}body:has(#mypage-header) main>h1{font-size:27px;}}