/* Living in Cairns: member area (login / register / my account / post editor) */
.lic-member {
	--m-primary: var(--col-t9jabm, #006FFF);
	--m-primary-dark: var(--col-o9wdbv, #0052C2);
	--m-yellow: var(--col-874zj8, #FFDE00);
	--m-ink: var(--col-xifinc, #1B2733);
	--m-muted: var(--col-y0rbhu, #5B6B7B);
	--m-line: var(--col-ai3qrm, #DCE6EF);
	--m-tint: var(--col-u71kp8, #F2F8FD);
	--m-deep: var(--col-8hbfwp, #0B2340);
	display: grid;
	gap: 1.5rem;
	margin-inline: auto;
	font-family: "Noto Sans JP", "Hiragino Sans", Meiryo, sans-serif;
	font-size: 1rem;
	line-height: 1.75;
	color: var(--m-ink);
}
.lic-member--narrow { max-width: 36rem; }
.lic-member--split { max-width: 60rem; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.lic-member--split > .lic-notice { grid-column: 1 / -1; }
@media (max-width: 767px) { .lic-member--split { grid-template-columns: 1fr; } }

.lic-member p { margin: 0 0 1rem; }
.lic-member a:not(.lic-btn):not(.lic-tile) { color: var(--m-primary); text-decoration: underline; text-underline-offset: .2em; }
.lic-member a:not(.lic-btn):not(.lic-tile):hover { color: var(--m-primary-dark); }

/* Panels */
.lic-member .lic-panel {
	background: #fff;
	border: 1px solid var(--m-line);
	border-radius: 16px;
	padding: clamp(1.25rem, 3vw, 2.25rem);
	box-shadow: 0 1px 2px rgba(11, 35, 64, .05), 0 10px 30px rgba(11, 35, 64, .07);
	margin: 0;
}
.lic-member .lic-panel--accent {
	background: linear-gradient(135deg, var(--m-deep) 0%, var(--m-primary-dark) 60%, var(--m-primary) 100%);
	border-color: transparent;
	color: #fff;
}
.lic-member .lic-panel--accent .lic-panel__title { color: #fff; }
.lic-member .lic-panel--accent .lic-panel__title::before { background: var(--m-yellow); }
.lic-member .lic-panel__head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: 1.25rem; }
.lic-member .lic-panel__head .lic-panel__title { margin: 0; }
.lic-member .lic-panel__title {
	display: flex; align-items: center; gap: .6rem;
	margin: 0 0 1.25rem;
	padding: 0; border: 0;
	font-size: clamp(1.2rem, 2vw, 1.4rem);
	font-weight: 700;
	line-height: 1.4;
	color: var(--m-deep);
}
.lic-member .lic-panel__title::before {
	content: ""; flex: none; width: .35rem; height: 1.3em; border-radius: 4px;
	background: linear-gradient(var(--m-primary), #38C7F4);
}
.lic-member .lic-lead { color: var(--m-muted); font-size: .95rem; }

/* Forms */
.lic-member .lic-form { margin: 0; }
.lic-member .lic-field { display: grid; gap: .4rem; margin: 0 0 1.15rem; }
.lic-member .lic-field > label { font-weight: 700; font-size: .95rem; color: var(--m-deep); }
.lic-member .lic-field input[type="text"],
.lic-member .lic-field input[type="email"],
.lic-member .lic-field input[type="password"],
.lic-member .lic-field select {
	width: 100%;
	min-height: 3rem;
	padding: .65rem .9rem;
	border: 1.5px solid var(--m-line);
	border-radius: 10px;
	background: var(--m-tint);
	font: inherit;
	font-size: 1rem;
	color: var(--m-ink);
	box-shadow: none;
	transition: border-color .15s, background-color .15s, box-shadow .15s;
}
.lic-member .lic-field input[type="file"] {
	width: 100%; padding: .6rem; border: 1.5px dashed var(--m-line); border-radius: 10px; background: var(--m-tint); font-size: .9rem;
}
.lic-member .lic-field input:focus,
.lic-member .lic-field select:focus {
	outline: none;
	border-color: var(--m-primary);
	background: #fff;
	box-shadow: 0 0 0 4px rgba(0, 111, 255, .15);
}
.lic-member .lic-help { font-size: .8125rem; color: var(--m-muted); line-height: 1.6; }
.lic-member .lic-req {
	display: inline-block; margin-left: .35rem; padding: .05rem .45rem; border-radius: 4px;
	background: #E5484D; color: #fff; font-size: .7rem; font-weight: 700; vertical-align: .1em;
}
.lic-member .lic-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.25rem; }
@media (max-width: 600px) { .lic-member .lic-row { grid-template-columns: 1fr; } }
.lic-member .lic-check { margin: 0 0 1.25rem; font-size: .95rem; }
.lic-member .lic-check label { display: inline-flex; align-items: center; gap: .5rem; cursor: pointer; }
.lic-member .lic-check input { width: 1.15rem; height: 1.15rem; accent-color: var(--m-primary); }
.lic-member .lic-actions { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1rem; margin: 1.5rem 0 0; }
.lic-member .lic-current-img img { max-width: 16rem; height: auto; border-radius: 10px; margin-bottom: 1rem; }
.lic-member .wp-editor-container { border: 1.5px solid var(--m-line); border-radius: 10px; overflow: hidden; }
.lic-member .mce-toolbar-grp { background: var(--m-tint) !important; }

/* Honeypot: off-screen, not display:none (some bots skip hidden fields) */
.lic-hp { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }

/* Buttons */
.lic-member .lic-btn,
.lic-member button.lic-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: .4rem;
	min-height: 3rem; padding: .7rem 1.75rem;
	border: 2px solid transparent; border-radius: 999px;
	font: inherit; font-size: 1rem; font-weight: 700; line-height: 1.2;
	text-decoration: none; cursor: pointer;
	transition: background-color .15s, color .15s, border-color .15s, transform .15s, box-shadow .15s;
}
.lic-member .lic-btn:hover { transform: translateY(-1px); }
.lic-member .lic-btn--primary { background: var(--m-primary); color: #fff; box-shadow: 0 6px 16px rgba(0, 111, 255, .25); }
.lic-member .lic-btn--primary:hover { background: var(--m-primary-dark); color: #fff; }
.lic-member .lic-btn--secondary { background: var(--m-yellow); color: var(--m-deep); }
.lic-member .lic-btn--secondary:hover { background: #fff; color: var(--m-deep); }
.lic-member .lic-btn--ghost { background: #fff; color: var(--m-primary); border-color: var(--m-primary); }
.lic-member .lic-btn--ghost:hover { background: var(--m-primary); color: #fff; }
.lic-member .lic-btn--sm { min-height: 2.4rem; padding: .45rem 1.1rem; font-size: .9rem; }
.lic-member .lic-form .lic-btn--primary { min-width: 10rem; }

/* Notices */
.lic-member .lic-notice {
	padding: .9rem 1.1rem; border-radius: 12px; border-left: 5px solid; font-size: .95rem; margin: 0;
}
.lic-member .lic-notice--success { background: #E9F8EF; border-color: #1F9D55; color: #14532D; }
.lic-member .lic-notice--error { background: #FDECEC; border-color: #E5484D; color: #7F1D1D; }
.lic-member .lic-notice--info { background: var(--m-tint); border-color: var(--m-primary); color: var(--m-deep); }

/* Links row */
.lic-member .lic-links { margin: 1.25rem 0 0; padding-top: 1rem; border-top: 1px solid var(--m-line); font-size: .9rem; text-align: center; color: var(--m-muted); }
.lic-member .lic-links__back { font-size: .9rem; }

/* Benefits list (accent panel) */
.lic-member .lic-benefits { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: .6rem; }
.lic-member .lic-benefits li { position: relative; padding-left: 2rem; margin: 0; }
.lic-member .lic-benefits li::before {
	content: "✓"; position: absolute; left: 0; top: .15em;
	display: grid; place-items: center; width: 1.4rem; height: 1.4rem; border-radius: 50%;
	background: var(--m-yellow); color: var(--m-deep); font-size: .8rem; font-weight: 700;
}

/* My account: profile */
.lic-member .lic-profile {
	display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.25rem;
	padding: clamp(1.25rem, 3vw, 2rem);
	border-radius: 16px;
	background: linear-gradient(120deg, var(--m-deep) 0%, var(--m-primary-dark) 55%, var(--m-primary) 100%);
	color: #fff;
	position: relative; overflow: hidden;
}
.lic-member .lic-profile::after {
	content: ""; position: absolute; right: -4rem; top: -4rem; width: 14rem; height: 14rem; border-radius: 50%;
	background: rgba(255, 255, 255, .08); pointer-events: none;
}
.lic-member .lic-profile__avatar { width: 72px; height: 72px; border-radius: 50%; border: 3px solid var(--m-yellow); flex: none; }
.lic-member .lic-profile__body { flex: 1 1 14rem; min-width: 0; }
.lic-member .lic-profile__name { margin: 0; font-size: 1.35rem; font-weight: 700; line-height: 1.4; }
.lic-member .lic-profile__meta { margin: .2rem 0 0; font-size: .875rem; opacity: .85; overflow-wrap: anywhere; }
.lic-member .lic-profile .lic-btn--ghost { position: relative; z-index: 1; background: transparent; color: #fff; border-color: rgba(255, 255, 255, .7); }
.lic-member .lic-profile .lic-btn--ghost:hover { background: #fff; color: var(--m-deep); }

/* My account: tiles */
.lic-member .lic-tiles { display: grid; grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr)); gap: 1rem; }
.lic-member .lic-tile {
	display: grid; gap: .25rem; padding: 1.25rem 1.25rem 1.25rem 1.4rem;
	border: 1px solid var(--m-line); border-left: 4px solid var(--m-primary); border-radius: 12px;
	background: #fff; color: var(--m-ink); text-decoration: none;
	transition: transform .15s, box-shadow .15s, border-color .15s;
}
.lic-member .lic-tile:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(11, 35, 64, .1); border-left-color: var(--m-yellow); }
.lic-member .lic-tile__title { font-weight: 700; color: var(--m-deep); font-size: 1.05rem; }
.lic-member .lic-tile__title::after { content: " →"; color: var(--m-primary); }
.lic-member .lic-tile__text { font-size: .85rem; color: var(--m-muted); line-height: 1.6; }

/* My account: post list */
.lic-member .lic-posts { list-style: none; margin: 0; padding: 0; }
.lic-member .lic-posts__item {
	display: grid; grid-template-columns: auto minmax(0, 1fr) auto auto; align-items: center; gap: .75rem 1rem;
	margin: 0; padding: .9rem 0; border-bottom: 1px solid var(--m-line);
}
.lic-member .lic-posts__item:last-child { border-bottom: 0; }
.lic-member .lic-posts__title { font-weight: 700; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lic-member .lic-posts__date { font-size: .85rem; color: var(--m-muted); font-variant-numeric: tabular-nums; }
.lic-member .lic-posts__actions { display: flex; gap: .9rem; font-size: .9rem; }
@media (max-width: 600px) {
	.lic-member .lic-posts__item { grid-template-columns: auto minmax(0, 1fr); }
	.lic-member .lic-posts__title { white-space: normal; }
	.lic-member .lic-posts__date, .lic-member .lic-posts__actions { grid-column: 2; }
}
.lic-member .lic-badge { display: inline-block; padding: .2rem .65rem; border-radius: 999px; font-size: .75rem; font-weight: 700; white-space: nowrap; }
.lic-member .lic-badge--publish { background: #E9F8EF; color: #14532D; }
.lic-member .lic-badge--pending { background: #FFF6CC; color: #7A5B00; }
.lic-member .lic-badge--draft { background: #EEF1F4; color: var(--m-muted); }
.lic-member .lic-empty { margin: 0; padding: 2rem 1rem; text-align: center; color: var(--m-muted); background: var(--m-tint); border-radius: 12px; }

/* Header link */
.lic-account-link {
	display: inline-flex; align-items: center; gap: .35rem;
	padding: .4rem .2rem; font-size: .95rem; font-weight: 700; white-space: nowrap;
	color: var(--col-8hbfwp, #0B2340); text-decoration: none;
}
.lic-account-link:hover { color: var(--col-t9jabm, #006FFF); }
.lic-account-link svg { flex: none; }

/* Writer approval note */
.lic-member .lic-panel--note { background: #FFFBE0; border-color: #F3DC5A; box-shadow: none; }
.lic-member .lic-panel--note .lic-panel__title::before { background: var(--m-yellow); }
.lic-member .lic-panel--note p:last-child { margin-bottom: 0; }
